老師，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. 新建index文件夾，然后把controller 以及文件index.php放入index文件夾。修改htaccess文件為擴展訪問。但是訪問的時候提示頁面錯誤！請稍后再試。PHP版本正常，請老師解答2. 為什么老師，你de button按鈕處可以有兩個ID是一樣的id="loginbtn" 而不會報錯啊3. 老師用是什么代碼編輯器？4. 請問老師，我導入模板后按視頻講解操作，css跟js還是下載不出來，這個問題能怎么解決？5. 請問一下，這是6.0的嗎？為什么我下載的和老師講的不一樣呢？6. 老師可以把數據庫也給我們嗎7. 我在導入模板資源時遇到無法顯示的問題，請老師解答下8. 關于thinkphp 5.1中，ajax提交數據url的格式寫法，加花括號就出錯，請老師指點9. 老師們php,插入數據庫mysql，都是空的，要怎么解決10. 韋小寶老師的TP基礎實戰教學
網公網安備