flex布局

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。