先了解一下CSS3的相对长度单位和绝对长度单位(参考详细教程)：相对长度单位相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。单位描述em它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em==32px；ex依赖于英文字母小x的高度;ch数字0的宽度;remrem是根em（rootem）的缩写，rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小;vwviewpointwidth，视窗宽度，1vw=视窗宽度的1%;vhviewpointheight，视窗高度，1vh