跳到主要内容

CSS 单位

CSS 中除了 px 长度单位之外，还有下面几个长度单位：

pc 六分之一英寸，1pc = 12pt = 1/6 * 1in = 16px；
pt 一磅，72 分之一英寸。1pt = 1/12 * 1pc = 1/72 * 1in ≈ 1.33px；
in 一英寸，1in = 2.54cm = 96px；
ex 在含有“X”字母的字体中，它是该字体的小写字母的高度。对于很多字体来说，1ex ≈ 0.5em；
em 1em 等于父级元素的字体大小，2em 就是父级元素字体大小的二倍；
rem 当用在根元素（<html>）的 font-size 上面时，它代表了它的初始值；
ch 代表元素所用字体 font 中“0”这一字形的宽度；
vh 1vh 相当于视口高度的 1%，100vh 就是视口的高度；
vw 1vw 相当于视口宽度的 1%，100vw 就是视口的宽度；
vmax 视口高度 vw 和宽度 vh 两者中的最小值
vmin 视口高度 vw 和宽度 vh 两种中的最大值；
% 相对于父级元素的大小来确定；

参考：CSS <length>