CSS中的尺寸单位总结

CSS中的尺寸单位总结

绝对单位：

• px(Pixel)：像素 （1px = 1/96th of 1in）;
• pt(Point)：大约1/72英寸 （1pt = 1/72 in）;
• pc(Pica)： 大约12pt，1/6 英寸（1pc = 12pt）;
• in：英寸 （1in = 96px = 2.54cm）;
• mm：毫米；
• cm：厘米；

注意：

像素或许是最好的“设备像素”，而这种像素长度和你在显示器上看到的文字屏幕像素无关，px实际上是一个按角度度量的单位。

相对单位：

• %：百分比，一般是相对于父元素；
• em：它是描述相对于应用在元素的字体尺寸，一般浏览器的默认字体大小是16px, 所以1em = 16px;
• rem（root em）：根em,rem作用于非根元素时，相对于根元素的字体大小，作用于根元素时，相对于其初始字体的大小；
• ex：依赖于英文字母小x的高度；
• ch：数字0的宽度；
• vh（viewpoint height）：视窗高度，1vh = 1%的视窗高度；
• vw（viewwidth）：视窗宽度，1vw = 1%的视窗宽度；
• vmin（vw和vh的较小的那个）；
• vmax（vw和vh的较大的那个）；