像素(px)
百分比(%)
厘米(cm)
毫米(mm)
四分之一毫米(Q)
英寸(in)
Picas(pc)
Points(pt)
Em(em)
Rem(rem)
x高度(ex)
行高(lh)
根行高(rlh)
数字0宽度(ch)
视口宽度(vw)
视口高度(vh)
VMin(vmin)
VMax(vmax)
在线 CSS 长度单位转换工具，支持 CSS 的绝对长度单位和相对长度单位之间互相转换。支持互相转换的单位包含：px, %, cm, mm, Q, in, pc, pt, em, rem, ex, lh, rlh, ch, vw, vh, vmin, vmax 等。
- PPI：Pixels Per Inch，也叫像素密度单位，所表示的是每英寸所拥有的像素数量。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。
- DPI：Dots Per Inch，每英寸点数，是一个量度单位，用于点阵数码影像，指每一英寸长度中所包含的点的数目。
- CSS 绝对长度单位：它们与其他任何东西都没有关系，通常被认为总是相同的大小。
- CSS 相对长度单位：相对长度单位相对于其他一些东西，比如父元素的字体大小，或者视口的大小。 使用相对单位的好处是，经过一些仔细的规划，你可以使文本或其他元素的大小与页面上的其他内容相对应。
-
CSS 常用长度单位列表
类型 单位 名称 描述 绝对长度 cm 厘米 根据 PPI 进行像素换算 mm 毫米 根据 PPI 进行像素换算 Q 四分之一毫米 根据 PPI 进行像素换算 in 英寸 根据 PPI 进行像素换算 pc Picas，十二点活字 1pc = 12 pt pt 点 根据 DPI 进行英寸换算，然后使用 PPI 进行像素换算 px 像素 根据 PPI 可以换算成英寸。在 PPI=96 的屏幕中， 1in = 96px 相对长度 % 百分比 相对于父级元素的大小 em em 在 font-size 中使用是相对于父元素的字体大小，在其他属性中使用是相对于自身的字体大小，如 width ex ex 字符 x 的高度 ch ch 数字 0 的宽度 rem rem 根元素的字体大小 lh lh 元素的 line-height rlh rlh 根元素的 line-height vw vw 视口宽度的 1% vh vh 视口高度的 1% vmin vmin 视口的宽和高中较小尺寸的 1% vmax vmax 视口的宽和高中较大尺寸的 1%
