使用方法
- 在“数值”中输入一个尺寸，并在“换算方向”中选择方向，例如 px 转 rem。
- 核对“基准字号（px）”。使用您的网站在根元素上设定的字号；16 px 是浏览器的默认值。
- 将 CSS 粘贴到“待换算的 CSS”中，并在“将 CSS 中的 px 换算为”中选择 rem 或 em。
- 复制“已换算长度的 CSS”，或在“换算表”中查看某个尺寸。
px、rem 与 em 的关系
px 是屏幕上的绝对长度。rem 是根元素（html 元素）字号的倍数，em 是所用元素字号的倍数。两个单位都以基准字号为依据：若基准为16 px，则1 rem 为16 px。
把 px 换算为 rem 需要除以基准；把 rem 或 em 换回 px 则要乘以基准。基准字号相同时，rem 和 em 的数值相同；只有当父元素的字号不是基准时，两者才会不同。
rem = px / base font size; px = rem x base font sizeCSS 换算工具改动什么，不改动什么
凡是后接 px 的数字都会被换算，包括负值和 .5px 之类的小数。数字按 CSS 的要求使用小数点，最多四位小数，并去掉末尾的零。长度为零时写成不带单位的0，这是 CSS 所接受的写法。
换算工具不理解 CSS 的含义。注释或字符串中的 px 值（例如内容为10px 的 content 文字）同样会被换算。url() 中的内容保持不变，因此以 px 结尾的文件名不会被改动。使用前请检查结果。
- 字号、间距和宽度若希望在访客调整文字大小时随之变化，请使用 rem。
- 1 px 的细边框请保留为 px，因为在某些屏幕上换算为 rem 后，线条可能变得模糊。
计算示例：基准为16 px 时的18 px 正文
18除以16等于1.125，因此 font-size: 18px 变为 font-size: 1.125rem。40 px 的外边距变为2.5rem，因为40除以16等于2.5。
同样是24 px，若基准为10 px，则为2.4 rem；而表中显示，基准为16 px 时，24 px 为1.5 rem。默认示例的 CSS 中有六个 px 长度，全部被换算，计数显示为6。
常见问题
为什么基准字号是16 px？
多数浏览器把根元素的默认字号设为16 px，因此除非网站另行设定，1 rem 即为16 px。请输入您的网站在 html 元素上设定的数值。
rem 与 em 有什么区别？
rem 以根元素的字号为依据，因此在页面各处都相同。em 以所用元素的字号为依据，嵌套时会随之变化。基准相同时，两者的数值相等。
是否应把所有 px 值都换算为 rem？
不必。1 px 的边框在许多屏幕上用 px 显示更清晰，某些细节固定为 px 效果更好。文字大小、间距和布局宽度等，若应随访客的设置而缩放，才适合使用 rem。
为什么我的 CSS 中有些 px 值没有被换算？
只有独立作为长度出现的 px 值才会被换算。url() 中的值，以及10pxx 或10px-2 这类不是普通长度的文字，都会保持原样。遇到异常的值，请手动检查。
为什么换算表只到64 px？
表中列出的是设计师最常用的尺寸，供快速查看。其他尺寸请在“数值”框中输入，并选择换算方向。
资料来源
数据和文字最近核对于2026年11月10日星期二。