ingrun | ingrun

CSS 中长度单位

单位	描述	示例
em	相对于自身 font-size（字体大小）属性的值，如果自身没有设置，则继承父元素 font-size 属性的值，1em 等同于 font-size 属性值，例如 font-size 的值为 16px，那么 1em 就等于 16px，2em 就等于 32px	`p{line-height:2em;}`
rem	相对于根元素的 font-size 属性的大小，比如根元素的 font-size 是 100px，那么 1.2rem 就相当于 120px	`p{font-size: 1.2rem;}`
ex	相对于所用字体中小写英文字母 x 的高度，若无法确定 x 的高度则使用 0.5em 计算	`p{font-size: 1ex;}`
ch	相对于所用字体中数字 0 的高度，若无法确定 0 的高度则使用 0.5em 计算	`p{line-height: 3ch;}`
vw	相对于浏览器窗口的宽度，1vw = 窗口宽度的 1%	`p{font-size: 5vw;}`
vh	相对于浏览器窗口的高度，1vh = 窗口高度的 1%	`p{font-size: 5vh;}`
vmin	vw 与 vh 中较小的值	`p{font-size: 5vmin;}`
vmax	vw 与 vh 中较大的值	`p{font-size: 5vmax;}`
%	相对于父元素宽度或字体大小的百分比	`div{width: 55%}`

单位	描述
cm	厘米
mm	毫米
in	英寸（1in = 96px = 2.54cm）
px	像素（1px = 1/96in）
pt	point，是一种专用的印刷单位“磅”，也可以称为“点”（1pt = 1/72in）
pc	pica，中文可称为“派卡”，印刷行业用于描述字体大小的单位，相当于我国新四号铅字的尺寸（1pc = 12pt）