CSS的几个长度单位

CSS的几个长度单位

 

em

相对长度单位。其相对于当前对象内文本的字体尺寸，默认为浏览器的默认字体尺寸。

em会继承父级元素的字体大小

 

rem

root em，简写rem，类似于em，但只相对于根元素（html），可以简单的通过更改根元素大小，从而调整所有字体大小。

 

vw vh vim vmax

vw（Viewport Width）
vh(Viewport Height)
基于视图窗口的单位，是css3的一部分，基于视图窗口的单位，除了vw、vh还有vmin、vmax。

• vw:1vw 等于视口宽度的1%
• Vh:1vh 等于视口高度的1%
• vmin: 选取 vw 和 vh 中最小的那个,即在手机竖屏时，1vmin=1vw
• vmax:选取 vw 和 vh 中最大的那个 ,即在手机竖屏时，1vmax=1vh

---

参考：

理解前端尺寸vw、vh、rem、em - 小可七的文章 - 知乎