- px ：绝对单位，其它几种都是相对单位。
如：当电脑分辨率为 1280*800 时，在 css 中设置 1px 实际的物理尺寸是屏幕宽度的 1/1280
- em ：默认字体大小的倍数。
如：当给元素设置 font-size:2em，默认字体指继承其父元素字体大小。表示元素字体大小是父元素的2倍；当给元素设置 width:2em，默认字体指该元素自身的实际字体大小。即该元素宽度是元素字体大小的2倍。
p {
font-size: 2em; // 32px
width: 2em; // 64px
}
- rem ：根元素（html节点）字体大小的倍数。如：给元素设置 font-size:2rem;width:2rem ,表示元素字体大小和宽度都是 html 节点的 font-size 大小的2倍。如 html 节点的 font-size 没有设置则默认为16px。
p {
font-size: 2rem; // 32px
width: 2rem; // 32px
}
- vm : 1vm 表示浏览器窗口宽度的1%
- % ：不同的属性对应不同的含义。
- width:100% 在标准盒模型下：表示元素 content 宽度等于父亲 content 宽度的1倍；在IE 盒模型下：表示元素的content + padding + border宽度等于父元素content的宽度。
- font-size:200% 相当于 font-size:2em :字体大小是默认（继承自父亲）字体大小的2倍。
- line-hight:200% 表示行高是自己字体大小的2倍。
ps：chrome浏览器下文字最小是12px，即使设置低于12px的值最终也会展示12px。
html{
font-size: 10px;
}
h1 {
font-size: 1rem; // 12px
}
p {
font-size: 2rem; // 20px
}
