1、px 像素(Pixel) web 前端常用长度单位 相对长度单位。像素 px 是相对于显示器屏幕分辨率而言的
2、em 是相对长度单位 相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于 浏览器的默认字体尺寸,最初是指字母 M 的宽度,故名 em。现指的是字符宽度的倍数。
3、rem 是 CSS3 新增的一个相对单位,相对的只是 HTML 根元素,可以只修改根元素就可以成比 例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。兼容性 IE9+都可以兼容。
4、pt (point,磅) 是一个物理长度单位,指的是 72 分之一英寸。pt=1/72(英寸), px=1/dpi(英寸) 注:一个 px、em、pt 单位转换工具地址:pxtoem.com/
5、vh and vw 用视口(viewpoint)的宽度或者高度。1vh 等于 1/100 的视口高度。栗子:浏览器高度 900px, 1 vh = 900px/100 = 9 px。同理,如果视口宽度是 750, 1vw = 750px/100 = 7.5 px。