flex-basis
1.情况描述
- 同一个项目中,使用的是同一个变量设定的头部高度。查看高度都是4.75rem,但是实际高度一个是95px另外一个85px,实际像素却不一样。
情况图1.png
情况图2.png
- 即使是给想要调整高度的头部加了一个类名,再给设定高度,且使用
!important
也不管用。
2.flex-basis解决
.index-header
flex 0 0 $header-height;
$header-height
是高度变量
解决后的效果图3.png
- 最终高度都是4.75rem,实际像素都是95px。