px

像素

em

参考物是父元素的 font-size（浏览器默认是 16px），如果自身定义了 font-size，就按自身的来算。

rem

相对于根元素（html）

%

• 对于普通元素：相对于父元素
• 对于 position: absolute 的元素：相对于已定位的父元素
• 对于 position: fixed 的元素：相对于 ViewPort（可视窗口）

vw & vh

css3 新元素，view width 和 view height（可视宽高）

浏览器宽度 1200px，1vw=1200px/100=12px

如何使 1rem=10px？在设置 HTML{font-size：62.5%；}即可

参考