web页面中最常见的像素单位有：
vw、rem、em、px
vw、vh：
视口：浏览器可区域=window.innerWidth/window.innerHeight
vw、vh、vmax、vmin统称为视口单位
1. vw：1vw等于视口宽度的1%。
2. vh：1vh等于视口高度的1%。
3. vmin：选取vw和vh中最小的那个。
4. vmax：选取vw和vh中最大的那个。
rem：
rem是css3新增的相对单位；（root em，根em)
相对的是HTML根元素。
如果html元素文字大小为14px，那么1rem = 14px；
如果html元素文字大小为16px，那么1rem = 16px；
em:
em是相对长度单位。相对于当前节点内文本的字体大小。
如果当期DOM节点没有设置字体大小，那么就是它父级的字体大小；
如果父级也没有设置字体大小，就找祖父及，依次往上找，直到根节点；
根节点有默认的字体大小；
px：
px像素（Pixel）；是相对单位；
px是就是一张图片中最小的点，一张位图就是由这些点构成的。
1024px就是1024像素，最简单的你可以在windows桌面属性里的“设置”看到，如果是1024×768，也就是说水平方向上有1024个点，垂直方向上有768个点。
如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，像素的大小是会“变”的，也称为“相对长度”。
