关于css的几个单位

px ==>> 像素点

30%  ==>> 百分比，相对于父级的宽高百分比。移动端困局：高度无法与宽度一致，可以使用JS设置。

em  ==>>  相对于当前模块的字体大小，web默认为16px，可以进行更改。相当于1em=16px，0.5em=8px，可以精确到小数点后三位。可以用来设置宽高

rem ==>> 相对于html的字体大小。1rem = 设置的html的字体大小，所以不易发生变化

vw ==>> 1vw=视窗宽度的1%，相当于把视宽分成了100份，经常用来移动端的布局。

vh ==>> 1vh=视窗高度的1%，相当于把视高分成了100份，经常用来移动端的布局。

vmin ==>> vw和vh中较小的那个。

vmax ==>> vw和vh中较大的那个。