在线CSS长度单位转换工具,支持CSS px,pt,pc,in,mm,cm,Q,em,rem,vw,vh等单位之间的数值互相转换。绝对长度单位和相对长度单位均可转换。
单位 | 名称 | 类型 | 值 | 操作 |
---|
本工具用于转换CSS中的各种长度单位,包括绝对长度单位和相对长度单位。转换基于用户设置的PPI(像素/英寸)、DPI(点/英寸)、基础字体大小和视口尺寸等参数。
绝对长度单位与其他任何东西都没有关系,通常被认为总是相同的大小:
单位 | 名称 | 描述 |
---|---|---|
px | 像素 | 根据PPI进行像素换算 |
pt | 点 | 1pt = 1/72英寸 |
pc | 派卡 | 1pc = 12pt |
in | 英寸 | 1in = 96px (PPI=96时) |
cm | 厘米 | 1cm = 96px/2.54 ≈ 37.8px |
mm | 毫米 | 1mm = 1/10 cm |
Q | 四分之一毫米 | 1Q = 0.25mm |
相对长度单位相对于其他一些东西,比如父元素的字体大小,或者视口的大小:
单位 | 名称 | 描述 |
---|---|---|
em | 相对字体 | 相对于当前元素的字体大小 |
rem | 根字体 | 相对于根元素(html)的字体大小 |
% | 百分比 | 相对于父级元素的大小 |
vw | 视口宽度 | 1vw = 视口宽度的1% |
vh | 视口高度 | 1vh = 视口高度的1% |
vmin | 视口最小值 | 1vmin = 视口宽高中较小尺寸的1% |
vmax | 视口最大值 | 1vmax = 视口宽高中较大尺寸的1% |
PPI (Pixels Per Inch): 每英寸所拥有的像素数量。数值越高,显示屏能够以越高的密度显示图像。
DPI (Dots Per Inch): 每英寸点数,用于点阵数码影像,指每一英寸长度中所包含的点的数目。
基础字体大小: 用于rem、em等相对字体单位转换的基准值,通常设置为16px。