1.什么是vwpxremem1.vw：是相对视口宽度（ViewportWidth）。1vw=1%*视口宽度。换句话说，视口是100vw。2.px：px应该是css中最常用的单位。px是屏幕设备可以物理显示的最小点。这个点不是一个固定的宽度，而是一个相对的长度单位。在桌面浏览器中，1pixel通常是面向电脑屏幕的1个物理像素，但在移动端，随着Retina屏幕的普及，分辨率有所提高。css中的1px不等于设备中的1px。比如iPhone3手机的分辨率为320x480，iPhone4手机变成了640x960，但是iPhone4手机的实际屏幕尺寸没有变化。这时候1个css像素就等于2个物理像素。3.rem：是相对单位，相对于html的字体大小。4.em：在所有现代浏览器下，默认字体大小为16px。此时，1em=16px。em会继承parent的钝性，也是一个相对单位。二、vwpxrem之间的换算1、我们假设pad的设计稿是基于1920px的。则：100vw=1920px1vw=19.2px我们要：1rem=100px（这个方便我们写代码的时候换算）那么：100px=100vw/19.2=1rem所以：1rem=5.208vw。这个时候我们只需要设置html的根元素：font-size:5.208vw即可。2、同理，在手机端，我们假设设计稿以750px为基准，那么：100vw=750px1vw=7.5px我们要：1rem=100px那么：100px=100vw/7.5=1rem那么：1rem=13.33vw啦啦，本文到此结束~
