老师，flex-shrink: 1; 按视频操作，不会自动缩放
问题描述
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>项目上的flex:属性</title> <style> * {box-sizing: border-box; } :root {font-size: 10px; } body {font: size 1.6rem; } /* flex 容器 */ .container {display: flex;height: 20rem;border: 1px solid #000; } /* flex项目样式（也就是子元素） */ .container > .item {/* padding: 1rem; *//* width: 10rem; 方便测试缩放功能，这里推荐用100%不用10rem； */width: 100%;background-color: lightcyan;border: 1px solid #000;/* 设置项目是否允许放大 1是允许 0 是不允许*//* flex-grow: 1; *//* 设置项目是否允许收缩 */flex-shrink: 1;/* 设置项目在主轴空间上的大小 *//* flex-basis: 15rem; */ } /* flex 属性 */ </style> </head> <body> <div class="container"> <div class="item">item1</div> <div class="item">item2</div> <div class="item">item3</div> <div class="item">item4</div> </div> </body></html>
问题解答
回答1：代码检查了，可以缩放。你截图给我看下，或者在检测下，哪里的问题
相关文章：
1. 老师你好，请问现在官方JDK哪里下载？现在官网已经不能用了2. 老师您的微信号是多少？3. 老师，您好，我按照您的课程写的代码，前端的数据无法提交的数据库，同时也没用弹窗提示。烦请指正。4. 我和老师的代码对照了几遍没发现问题，但是浏览器打开就有问题了，求解5. login.html登录界面为什么和老师讲课的届而不一样？6. 为什么老师，你de button按钮处可以有两个ID是一样的id="loginbtn" 而不会报错啊7. 我在导入模板资源时遇到无法显示的问题，请老师解答下8. 关于thinkphp 5.1中，ajax提交数据url的格式写法，加花括号就出错，请老师指点9. 正儿八经地请教天蓬老师10. 请问老师？
网公网安备