免费在线CSS字体尺寸计算器。在px、rem、em、vw、vh、%等单位之间实时互相转换。支持基于根字体大小的rem计算、基于父元素字体大小的em计算，以及视口宽度响应式计算。提供常用字体大小速查参考表。适合前端开发者和响应式设计工作流。纯前端处理，无需注册。 | 无需注册 · 数据绝不上传服务器
零依赖·可离线使用
Updated: 2026-07-11
常用尺寸速查表
| PX | rem | em | vw | % |
|---|
输入像素值，自动换算为rem、em、vw等单位的对应值。
常见问题
如何将px转换为rem？
输入像素值和根字体大小即可。公式：rem = px ÷ 根字体大小。例如32px在16px根字体下等于2rem。
rem和em有什么区别？
rem相对于根元素(html)的字体大小，em相对于父元素的字体大小。本工具同时计算两者。
vw如何计算？
vw = (px ÷ 视口宽度) × 100。例如16px在1440px视口下等于1.11vw。
默认根字体大小是多少？
默认根字体大小为16px（浏览器标准默认值）。你可以根据项目需要调整。
可以改变视口宽度吗？
可以。调整视口宽度滑块，查看vw单位在不同屏幕尺寸下的变化。
如何使用CSS字体尺寸计算器
使用CSS字体尺寸计算器非常简单：
-
输入数值
在计算器字段中输入所需的数字和参数。每个字段都有清晰的标签——直接输入数值或使用微调控制调整。 -
配置选项
选择任何附加选项，如计算模式、货币、时间段或精度。改变数值时计算器会自动更新。 -
查看计算结果
计算结果立即以清晰的格式显示。可以复制结果或调整输入值查看不同场景的影响。