老師,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;/* 設(shè)置項目是否允許放大 1是允許 0 是不允許*//* flex-grow: 1; *//* 設(shè)置項目是否允許收縮 */flex-shrink: 1;/* 設(shè)置項目在主軸空間上的大小 *//* 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:代碼檢查了,可以縮放。你截圖給我看下,或者在檢測下,哪里的問題
相關(guān)文章:
1. 滅絕師太老師,你好:請問1-6的內(nèi)容有刪減嗎!2. 我在導(dǎo)入模板資源時遇到無法顯示的問題,請老師解答下3. 老師能幫忙看是什么原因嗎?網(wǎng)上找了好多都解決不了4. 在cmd下進入mysql數(shù)據(jù)庫,可以輸入中文,但是查看表信息,不顯示中文,是怎么回事,怎新手,請老師5. $fields = $values = [];這條代碼一直定義不了,一直報錯,老師的源碼也是被報錯的,執(zhí)行不了,請問該怎么解決這個問題6. 請問一下,這是6.0的嗎?為什么我下載的和老師講的不一樣呢?7. 請問朱老師,如何配置url訪問路由8. 老師 我是一個沒有學(xué)過php語言的準畢業(yè)生 我希望您能幫我一下9. 老師,項目導(dǎo)入后,只有左邊的欄目正常,右邊的內(nèi)容顯示No input file specified.,咋回事10. thinkphp框架放根目錄無法像老師一樣可以正常訪問
