常见单位梳理

单位（px/em/rem、vw/vh/vmin/vmax）

px

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的

px特点

• 设置字体大小及元素宽高等比较稳定和精确；
• 不能适应浏览器缩放时产生的变化；
• 有一定的最小单位限度。

em

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

EM特点

• em的值并不是固定的；
• em会继承父级元素的字体大小。

rem

rem是CSS3新增的一个相对单位（root em，根em），但相对的只是HTML根元素，所以一定要设置一个根字体大小。
在移动端中通常 lib-flexible 搭配 px2rem 处理适配方案。

rem特点

• 只修改根元素就成比例地调整所有字体大小，
• 可以避免字体大小逐层复合的连锁反应。

vw、vh、vmin、vmax

主要用于页面视口大小布局，相对于rem，v*在页面布局上更加方便简单

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

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

vmin ：vw和vh中较小的那个。

vmax ：vw和vh中较大的那个。