# 长度单位小结

常见的长度单位有： px, em, rem

# PX

即 Pixel, 是相对分辨率而言的，是绝对长度单位，不具有自适应的能力，缺点就是小屏幕看着大，大屏幕看着小。并且如果改变了浏览器的缩放，这时会使用我们的Web页面布局被打破

即element,是相对长度单位，相对于当前对象文本的字体尺寸，可在body里统一设置，子标签继承其为标准em

CSS3中新增的相对单位(root element)，相对于HTML根元素的fontsize进行放大和缩放，集相对大小和绝对大小的优点于一身

/* 不支持rem的兼容方法 */
* {
  font-size: 14px;
  font-size: .875rem;
}

1
2
3
4
5

对于只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可。

对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备