CSS单位

泉涸，鱼相与处于陆，相呴以湿，相濡以沫，不若相忘于江湖。

CSS单位

• CSS 有个不同的单位用于表示长度。

相对长度

• 相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。

1. em

• em是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；

2. vw

• viewpoint width，视窗宽度，1vw=视窗宽度的1%

3. vh

• viewpoint height，视窗高度，1vh=视窗高度的1%

5. %

• 相对百分比

6. rem

• 使用rem为元素设定字体大小时，相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

绝对长度

• 绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。

1. px

• 像素 (1px = 1/96th of 1in)

2. pt

• point，大约1/72英寸； (1pt = 1/72in)