老師，flex-shrink: 1; 按視頻操作，不會(huì)自動(dòng)縮放
問(wèn)題描述
<!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>項(xiàng)目上的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項(xiàng)目樣式（也就是子元素） */ .container > .item {/* padding: 1rem; *//* width: 10rem; 方便測(cè)試縮放功能，這里推薦用100%不用10rem； */width: 100%;background-color: lightcyan;border: 1px solid #000;/* 設(shè)置項(xiàng)目是否允許放大 1是允許 0 是不允許*//* flex-grow: 1; *//* 設(shè)置項(xiàng)目是否允許收縮 */flex-shrink: 1;/* 設(shè)置項(xiàng)目在主軸空間上的大小 *//* 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>
問(wèn)題解答
回答1：代碼檢查了，可以縮放。你截圖給我看下，或者在檢測(cè)下，哪里的問(wèn)題
相關(guān)文章：
1. 老師，layui.css無(wú)法使用，路徑都是按照視頻照做的，是不是還有其他步驟需要做？2. 老師無(wú)限級(jí)分類(lèi)有點(diǎn)難喲 不好理解3. 請(qǐng)問(wèn)朱老師，如何配置url訪問(wèn)路由4. 老師用是什么代碼編輯器？5. 請(qǐng)問(wèn)老師？6. 老師你好，請(qǐng)問(wèn)現(xiàn)在官方JDK哪里下載？現(xiàn)在官網(wǎng)已經(jīng)不能用了7. 連續(xù)的數(shù)值怎么用分組顯示，求大神指導(dǎo)，求各位老師幫忙8. $fields = $values = [];這條代碼一直定義不了，一直報(bào)錯(cuò)，老師的源碼也是被報(bào)錯(cuò)的,執(zhí)行不了,請(qǐng)問(wèn)該怎么解決這個(gè)問(wèn)題9. 老師所用的IDE開(kāi)發(fā)環(huán)境是什么？10. 為什么我按老師講的瀏覽器里輸出了peter.老師的卻沒(méi)有？
網(wǎng)公網(wǎng)安備