flex布局

flex-basis

1.情況描述

  • 同一個項目中,使用的是同一個變量設(shè)定的頭部高度。查看高度都是4.75rem,但是實際高度一個是95px另外一個85px,實際像素卻不一樣。
情況圖1.png
情況圖2.png
  • 即使是給想要調(diào)整高度的頭部加了一個類名,再給設(shè)定高度,且使用!important也不管用。

2.flex-basis解決

.index-header
    flex 0 0 $header-height;

$header-height是高度變量

解決后的效果圖3.png
  • 最終高度都是4.75rem,實際像素都是95px。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 請解釋一下CSS3的FLEXBOX(彈性盒布局模型)以及適用場景? 大家好,我是IT修真院鄭州分院第七期的學員馮亞...
    f056917閱讀 564評論 0 1
  • 此文由elson發(fā)表于Elson's web 零、前言 目前在不考慮IE以及低端安卓機(4.3-)的兼容下,已經(jīng)可...
    小懶惰的豬閱讀 4,480評論 5 87
  • 本文寫于2018年11月12日,首發(fā)于個人公眾號 文 | 沐曦 圖 | 源于網(wǎng)絡(luò)侵刪 約好了八點見面結(jié)果你遲到了兩...
    小沐曦呀閱讀 270評論 0 3
  • 我記得那個燥熱的夏天你說要去吃一碗牛肉面大中午,太陽很烈我們在一個綿長的種滿了大楊樹的小道上走了很久柏油路感覺都曬...
    艾黑丫閱讀 444評論 6 16
  • 通篇說明:‘★’表示代碼中另起一行,'<類別>'表示變量的類別(正在建設(shè)) 變量特點 變量操作 讀取輸入 輸出寫入...
    Amdur閱讀 505評論 0 1

友情鏈接更多精彩內(nèi)容