1、绝对单位
px: 逻辑像素,绝对单位
px是相对长度单位,称为像素(Pixels)。
2、相对单位
em: 基准点为父节点字体的大小
rem: 相对根元素字体大小来计算
vw: 视口宽度, 将视口宽度的1% viewport-width
vh: 视口高度, 将视口高度的1%
vmin:vw和vh中较小的那个
vmax:vw和vh中较大的那个
在移动端排版是最常用的是 rem
它的全称是 font size of the root element (根元素的字体大小)
它是CSS3中新增加的一个尺寸(度量)单位,根节点(html)的font-size决定了rem的尺寸,也就是说它是一个相对单位,相对于(html)。浏览器的默认的font-size是16px,1rem默认就等于16px。(chrome最小字体为12px)。
为什么说它用于移动端排版呢 ?
用来做web app的屏幕适配,因为不同手机型号的屏幕大小都不同,所以这时候我们就不能用px来做单位,rem是适配不同手机屏幕的一种方案