CSS长度单位转换工具

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

已复制到剪贴板!