单个值
px
px
rem
常用换算
工作原理
Rem units are relative to the root element font size. With the default 16px base, 1rem equals 16px and 0.5rem equals 8px.
rem = px / base font size
CSS 变量助手
根据像素间距值生成 CSS 自定义属性。
什么是px 与 rem 转换器？
根据可调根字号，在 CSS px 与 rem 之间双向转换。 px 或 rem 数值与根字号；还可输入逗号分隔列表生成 CSS 变量。 转换结果、常用换算参考，以及可选的 CSS 自定义属性声明。
打开工具
这个工具能做什么
- 输入: px 或 rem 数值与根字号；还可输入逗号分隔列表生成 CSS 变量。
- 设置与处理: px→rem 与 rem→px 切换；基准值可调，默认 16 px；CSS Variables Helper。
- 输出: 转换结果、常用换算参考，以及可选的 CSS 自定义属性声明。
使用方法
- 添加输入。 px 或 rem 数值与根字号；还可输入逗号分隔列表生成 CSS 变量。
- 检查设置。 px→rem 与 rem→px 切换；基准值可调，默认 16 px；CSS Variables Helper。
- 生成、核对并导出结果。 转换结果、常用换算参考，以及可选的 CSS 自定义属性声明。
主要功能
- 输入: px 或 rem 数值与根字号；还可输入逗号分隔列表生成 CSS 变量。
- 设置与处理: px→rem 与 rem→px 切换；基准值可调，默认 16 px；CSS Variables Helper。
- 输出: 转换结果、常用换算参考，以及可选的 CSS 自定义属性声明。
适用场景
- 根据可调根字号，在 CSS px 与 rem 之间双向转换。
- 适合需要以下输出或诊断结果时使用：转换结果、常用换算参考，以及可选的 CSS 自定义属性声明。
- 可放在下一项已确认的流程步骤之前：在项目实际根字号和缩放设置中验证。
限制与安全说明
- 公式为 rem = px ÷ 根字号。 16 px 只是常见默认值，并非保证；实际 computed root size 可受 CSS 与用户设置影响。
故障排查
- 请输入纯数值，并确认小数分隔符、源/目标单位、base 或 root size、DPI 与页面允许范围。
- 先复算一个已知参考值，再检查换算假设与舍入方式，然后再批量转换或用于 CSS/印刷。
- 公式为 rem = px ÷ 根字号。 16 px 只是常见默认值，并非保证；实际 computed root size 可受 CSS 与用户设置影响。
常见问题
什么是px 与 rem 转换器？
根据可调根字号，在 CSS px 与 rem 之间双向转换。
如何使用px 与 rem 转换器？
添加符合要求的输入，检查页面设置，并在复制或下载前核对结果。 预期输出：转换结果、常用换算参考，以及可选的 CSS 自定义属性声明。
支持哪些输入？
px 或 rem 数值与根字号；还可输入逗号分隔列表生成 CSS 变量。
会生成什么输出？
转换结果、常用换算参考，以及可选的 CSS 自定义属性声明。
有哪些限制？
公式为 rem = px ÷ 根字号。 16 px 只是常见默认值，并非保证；实际 computed root size 可受 CSS 与用户设置影响。
相关 AppKiro 工具
先用已验证的示例开始
先用较小且不敏感的样本测试，确认关键设置与输出，再把结果用于真实流程。
打开工具