CSS的单位

我们在布局或者设置字体大小的时候经常看到: 22px;, px其实是css里面长度单位

绝对长度

• px * 像素 (1px = 1/96th of 1in)
• cm 厘米
• mm 毫米
• in 英寸 (1in = 96px = 2.54cm)

相对长度

• em 它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px
• ex 依赖于英文字母小 x 的高度
• ch 数字 0 的宽度
• rem rem 是根 em（root em）的缩写，rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小
• vw viewpoint width，视窗宽度，1vw=视窗宽度的1%
• vh viewpoint height，视窗高度，1vh=视窗高度的1%
• vmin vw和vh中较小的那个。
• vmax vw和vh中较大的那个。