CSS 单位

CSS 有多种不同的单位用于表示长度，例如 10px, 2em等。书写时要注意，数字与单位之间不能出现空格。如果长度值为 0，则可以省略单位。

相对长度

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

单位	描述
em	相对于当前元素的字体尺寸。一般浏览器字体大小默认为16px，则2em = 32px。
rem	相对于根元素（html）的字体尺寸。
ex	相对于英文字母小 x 的高度。
ch	相对于数字 0 的宽度。
vw	视窗宽度，1vw=视窗宽度的1%。
vh	视窗高度，1vh=视窗高度的1%。
vmin	vw和vh中较小的那个。
vmax	vw和vh中较大的那个。
%	参考元素的百分比。

绝对长度

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

单位	描述
cm	厘米
mm	毫米
in	英寸 (1in = 96px = 2.54cm)
px	像素 (1px = 1/96th of 1in)
pt	点(1pt = 1/72in)
pc	派卡(1pc=12pt=16px)

px 全称pixel，中文意思为“像素” ， 像素是构成数码影像的基本单元。
px就是一张图片中最小的点，一张位图就是由这些点构成的。1024px就是1024像素。

pt 全称point，中文意思为“点”，常见于软件设计、排版印刷行业。
1点=0.376毫米=1.07英美点=0.0148英尺=0.1776英寸。

pc 全称pica（派卡）是印刷行业使用的长度单位，相当于我国新四号铅字的尺寸。
1派卡=1/6英寸=12点。

浏览器支持

对于这些 em, ex, %, px, cm, mm, in, pt, pc 单位，所有浏览器都支持。其他单位浏览器支持情况如下：

单位	Chrome	IE	Firefox	Safari	Opera
ch	27.0	9.0	1.0	7.0	20.0
rem	4.0	9.0	3.6	4.1	11.6
vh, vw	20.0	9.0	19.0	6.0	20.0
vmin	20.0	9.0*	19.0	6.0	20.0
vmax	26.0	NO	19.0	NO	20.0

注意: IE9 通过不标准的名称 vm 来支持 vmin 。