在线 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%
|