文章详情页

老师，flex-shrink: 1; 按视频操作，不会自动缩放

浏览：253日期：2022-06-02 17:12:51

问题描述

<!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：

代码检查了，可以缩放。你截图给我看下，或者在检测下，哪里的问题

老师，flex-shrink: 1; 按视频操作，不会自动缩放

上一条：创建了这个目录还是会找不到这么决绝 thikphp5下一条：我这打开出现 Not Found

相关文章：

1. 这段代码既不提示错误也看不到结果，请老师明示错在哪里，谢谢！2. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题3. 老师的这种访问方式为什么我这里打不开呢4. login.html登录界面为什么和老师讲课的届而不一样？5. 老师，按tab键不起作用怎么回事6. 老师，请问我打开browsersync出现这个问题怎么解决啊？7. 为什么我按老师讲的浏览器里输出了peter.老师的却没有？8. 昨天听了一位女老师的视频找不到了麻烦大家知道的告知一下谢谢9. 表单提交验证，没反应，求老师指点10. peter_zhu 老师想请教个问题？