css相对单位和绝对单位

css长度单位分为 相对长度 和 绝对长度

1.相对长度

相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设配相对长度更加适用。

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

 

2.绝对长度

绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）

单位	描述
cm	厘米
mm	毫米
in	英寸(1in= 96px = 2.54cm)
px	像素
pt	point (1pt = 1/72in)
pc	pica 大约12pt(1pc = 12pt)