css 常用单位

 

px：相对单位，页面按精确像素展示

em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

rem：相对单位，相对根节点html  font-size字体大小来计算

vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%

vh：viewpoint height，视窗高度，1vh等于视窗高度的1%

%：百分比，相对父元素的尺寸来计算

vmin：vw和vh中较小的那个

vmax：vw和vh中较大的那个

做移动页面开发时，如果使用 vw、wh 设置字体大小（比如 5vw），在竖屏和横屏状态下显示的字体大小是不一样的。

 

由于 vmin 和 vmax 是当前较小的 vw 和 vh 和当前较大的 vw 和 vh。这里就可以用到 vmin 和 vmax。使得文字大小在横竖屏下保持一致。