浏览器文档的默认字体大小是16px
浏览器中em和px关系是：
16px =等于1em，也就是说font-size:'16px' 可以写成 font-size:'1em';
em还有一个特性就是继承，子节点继承父节点的字体大小

而rem是所有的节点都继承html节点，所有当html节点设置成10px时候，所有整个页面1rem就等于10px

根据CSS3规范，视口单位主要包括以下4个：
1.vw：1vw等于视口宽度的1%。

2.vh：1vh等于视口高度的1%。