立即在所有 14 种 CSS 单位之间进行转换。输入 px、rem、em、vw、vh、pt、cm、in 或任何其他单位,即可同时查看所有转换结果,并支持上下文相关的相对单位转换。
1616px1212pt11pc0.42330.4233cm4.234.23mm0.16670.1667in11rem11em100100%1.111.11vw1.781.78vh1.781.78vmin1.111.11vmax22chCSS 单位分为两类:绝对单位和相对单位。绝对单位对应于固定的物理尺寸或屏幕尺寸,而相对单位则根据上下文(例如字体大小或视口尺寸)进行缩放。绝对单位包括 px、pt、pc、cm、mm 和 in。相对单位包括 rem(相对于根字体大小)、em(相对于父元素字体大小)、%(相对于父元素的百分比)、vw 和 vh(视口宽度和高度)、vmin 和 vmax(vw 和 vh 中的较小值和较大值)以及 ch(当前字体中零字符的宽度)。
输入数值并选择其源单位。转换器会立即显示其他 13 种单位的等效值。为了确保相对单位计算正确,请展开上下文面板并设置根字体大小(通常为 16 像素)、父元素字体大小和视口尺寸。这些默认值与标准浏览器环境匹配,因此大多数转换无需更改即可正常工作。
此工具在以下情况下非常有用:将设计规范从 px 转换为 rem 以确保符合无障碍标准;检查视口相对尺寸在特定屏幕宽度下的表现;或了解 em 单位在嵌套元素中的级联方式。工程师在将代码库从基于 px 的布局迁移到 rem 或流式单位系统时经常使用它。