length

长度<length>是用于表示距离尺寸的数据类型。

语法

<length>数据类型由一个<number>和一个长度单位构成。 与所有CSS单位一样，单位的字面值与数字之间没有空格。 数字为0时，长度单位是可写可不写的的。 不支持除了 0 以外不写单位的写法

单位

相对长度单位

相对长度代表着以其它距离为单位的一种尺寸。这个单位可以是指定字符的大小，行高，或者是viewport的大小。

• rpx
  responsive pixel，可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

• rem
  这个单位代表根元素的font-size大小。当用在根元素的font-size上面时 ，它代表了它的初始值。

• em
  这个单位表示元素的font-size的计算值。如果用在font-size属性本身，它则表示元素继承的font-size值。

• vh
  视口的初始包含块的高度的1%。

• vw
  视口的初始包含块的宽度的1%。

绝对长度单位

当输出介质的物理性质已知时，绝对长度单位代表一个物理度量单位。这是通过将一个单元锚定到一个物理单元，并将其定义为相对于它的另一个来实现的。对于低分辨率的设备和高分辨率设备，该锚定是不同的。

• px
  一像素（pixel），等于一物理像素乘以像素密度，相当于 iOS 的 pt 或 Android 的 dp。
  对于高分辨率屏幕，一个CSS像素往往占多个设备像素。一般来说，每英寸的像素的数量保持在96左右，1px = 1in的96分之一。