跳到正文
Nolasu
菜单
工具

CSS 单位转换器

在此标签页把设计稿像素换成 rem/em/视口单位，并同步查看打印单位换算。

在浏览器内处理

转换在此浏览器内完成。我们不会发送数值。
CSS 单位转换在此浏览器内完成。数值留在本机，不会上传。

输入任意有限数字，可含小数。

选择该数值当前使用的 CSS 单位。

用于 rem；常见为 16。

用于 em。

用于百分比。

用于 vw。

用于 vh。

输入数值与单位，然后转换。

功能

常用相对单位

px、rem、em、%、vw、vh 一次换算。

可配上下文

根字号、父字号、父宽度与视口尺寸可调。

打印单位参考

按 CSS 96ppi 显示 pt、cm、mm、in。

仅在浏览器内

计算在本机完成。数值不会上传。

使用方法

  1. 输入数值并选择源单位（例如 16 与 px）。
  2. 按需设置根字号、父字号、父宽度与视口尺寸。
  3. 点击转换，然后复制所需的 rem、em、vw 等结果。

关于此工具

浏览器内完成

核心处理在这个标签页内结束。

不上传

粘贴的内容和本地文件不会为了处理而被发送。

免费、无需账号

核心功能没有注册门槛。

立刻可用

没有“先上传再排队”的等待。

十种语言

同一工具以十种语言提供。

失败可读

损坏的输入会返回原因，而不是空白页。

常见问题

数值会上传吗？
不会。转换都在此浏览器内完成，数值不会发送。
rem 和 em 有何区别？
rem 相对根元素字号；em 相对父元素字号。可在上下文中分别设置。
vw / vh 如何计算？
1vw = 视口宽度的 1%，1vh = 视口高度的 1%。请填写目标视口尺寸。
免费吗？需要账号吗？
免费，无需注册即可转换和复制。

相关工具