-
flex-basis 設(shè)置后,寬度不再生效;伸縮基準(zhǔn)值就是寬度
flex-grow 有剩余空間才有用武之地。如果所有項(xiàng)目的
flex-grow
屬性都為1,則它們將等分剩余空間(如果有的話)flex-shrink 等于0時(shí)候不允許縮小,要有超出寬度才可用。如果所有項(xiàng)目的
flex-shrink
屬性都為1,當(dāng)空間不足時(shí),都將等比例縮小。如果一個(gè)項(xiàng)目的flex-shrink
屬性為0,其他項(xiàng)目都為1,則空間不足時(shí),前者不縮小。f
lex
屬性是flex-grow
,?flex-shrink
?和?flex-basis
的簡(jiǎn)寫(xiě),默認(rèn)值為0 1 auto
。后兩個(gè)屬性可選。order
屬性定義項(xiàng)目的排列順序。數(shù)值越小,排列越靠前,默認(rèn)為0
查看全部 -
align-items 處理交叉軸單行對(duì)齊align-content 處理多行,是把多行當(dāng)成一個(gè)整體
align-content
屬性定義了多根軸線的對(duì)齊方式。如果項(xiàng)目只有一根軸線,該屬性不起作用查看全部 -
flex-flow相當(dāng)于 flex-direction和flex-wrap
父容器的寬度不夠,子元素自動(dòng)壓縮
查看全部 -
媒體查詢--link引入
小括號(hào)一定要寫(xiě)上
查看全部 -
媒體查詢引入方式-1
寫(xiě)在style標(biāo)簽中
查看全部 -
媒體查詢的參數(shù)?
查看全部 -
媒體查詢
查看全部 -
響應(yīng)式布局,前端知識(shí)查看全部
-
flex查看全部
-
flex查看全部
-
常見(jiàn)的場(chǎng)景是:局部自適應(yīng)+媒體查詢
查看全部 -
我的筆記查看全部
-
20 *(w/320)>40 這是判斷屏幕寬度有幾個(gè)"20"這個(gè)單位? 因?yàn)閕phone5的屏幕寬度是320px
查看全部 -
rem可以用在很多地方 不僅僅是"字體大小"的配置
查看全部 -
em這個(gè)單位是相對(duì)于"父一級(jí)對(duì)象"來(lái)說(shuō)的.
查看全部
舉報(bào)