前端开发中的长度单位详解

在前端开发中,会遇到各种不同类型的长度单位,比如px,em,rem等。
而整体的长度单位分为两大类:相对长度绝对长度

绝对长度

绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)。
这里写图片描述

相对长度

相对长度都有一个基准
这里写图片描述
其中,px,em和rem用的较多。
需要注意的是:px 的最小单位是1,所以小数的度量没有意义。
em和rem是用来适配不同屏幕的,最终也会换算成px来进行布局因此对于精确度没有限制,
不同的是:

  • em 是相对于所在容器的font-size属性
  • rem是相对于整个html的font-size属性