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。