web 前端常用长度单位

1. px 像素（Pixel）

相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的

2. em 是相对长度单位

相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于
浏览器的默认字体尺寸，最初是指字母 M 的宽度，故名 em。现指的是字符宽度的倍数。

3. rem

是 CSS3 新增的一个相对单位，相对的只是 HTML 根元素，可以只修改根元素就可以成比
例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。兼容性 IE9+都可以兼
容。

4. pt (point，磅)

是一个物理长度单位，指的是 72 分之一英寸。pt=1/72(英寸), px=1/dpi(英寸)

注：一个 px、em、pt 单位转换工具地址：http://pxtoem.com/

5. vh and vw

用视口（viewpoint）的宽度或者高度。1vh 等于 1/100 的视口高度。栗子：浏览器高度
900px, 1 vh = 900px/100 = 9 px。同理，如果视口宽度是 750， 1vw = 750px/100 = 7.5
px。