CSS单位
CSS有用于表达长度的几个不同的单元。
许多CSS属性采取"length"的值，如宽度，边缘，填充，字体大小，边框宽度等
长度是一个数字后跟一个长度单位，诸如10px的，2em的等
用空格不能在数字和单位之间出现。 但是，如果该值为0，该单元可以省略。
对于某些CSS属性，负长度是允许的。
有两种类型的长度单位：相对和绝对的。
浏览器支持
在表中的数字指定完全支持长度单元中的第一版本的浏览器。
| 长度单位 | |||||
|---|---|---|---|---|---|
| em, ex, %, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
| ch | 27.0 | 9 | 1.0 | 7 | 20.0 |
| rem | 4 | 9 | 3.6 | 4.1 | 11.6 |
| vh, vw | 20.0 | 9 | 19.0 | 6 | 20.0 |
| vmin | 20.0 | 9.0 * | 19.0 | 6 | 20.0 |
| vmax | 26.0 | 不支持 | 19.0 | 不支持 | 20.0 |
Note: Internet Explorer 9的VMIN与非标准名称支持：虚拟机。
相对长度
相对长度单位指定相对于另一长度属性的长度。 相对长度单位尺度不同的渲染媒体之间更好。
| 单元 | 描述 |
|---|---|
| em | 相对于元素的字体大小(2em means 2 times the size of the current font) 试用 |
| ex | 相对于当前字体的x高度(rarely used) 试试吧 |
| ch | 相对宽的"0" (zero) |
| rem | 根元素的相对字体尺寸 |
| vw | 相对于视宽度的1％* 试试吧 |
| vh | 相对于视口的高度的1％* 试试吧 |
| vmin | 相对于视口的1％*较小尺寸试试吧 |
| vmax | 相对于视口的1％*较大尺寸试试吧 |
| % |
Tip:在EM和REM单位为创建可扩展的完美布局实用！
*视=浏览器窗口大小。 如果视口为50cm宽，1vw =0.5厘米。
绝对长度
绝对长度单位是固定的长度表示在任何这些将作为正是大小。
不建议在屏幕上使用绝对长度单位，因为屏幕尺寸的差别如此之大。 然而，如果输出介质是已知的，例如用于打印布局可以使用它们。
| 单元 | 描述 |
|---|---|
| cm | 厘米试试吧 |
| mm | 毫米试试吧 |
| in | 英寸(1in = 96px = 2.54cm) 试试吧 |
| px * | 像素(1px = 1/96th of 1in) 试试吧 |
| pt | 点(1pt = 1/72 of 1in) 试试吧 |
| pc | 派卡(1pc = 12 pt) 试试吧 |
*像素(px)是相对于观看设备。 对于低DPI设备，1px的是一个设备像素(dot)的显示。 对于打印机和高分辨率的屏幕意味着1px的多种设备像素。