px / rem / em 单位转换器
基于根字号(root font-size)在 px、rem、em、pt 之间互相换算,快速查出任意 CSS 尺寸的等效值。
px
px
px
像素(绝对单位)
rem
相对根字号
em
相对父元素字号
pt
磅(打印单位)
常用尺寸速查(根字号 16px)— 点击行即填入
| 描述 | px | rem | em | pt |
|---|
点击表格中的行可快速填入转换器
基于根字号(root font-size)在 px、rem、em、pt 之间互相换算,快速查出任意 CSS 尺寸的等效值。
| 描述 | px | rem | em | pt |
|---|
点击表格中的行可快速填入转换器
先填写或调整「根字号 (root)」、「父元素字号 (parent)」、「小数位」;修改输入或使用页面控件后查看结果区域。可先用「根字号 (root)」中的示例 「16」熟悉输入格式,再替换成自己的数据。
本页提供「2」、「3」、「4」、「5」选项。先按实际输入和目标选择「小数位」,再执行操作;比较两次结果时,保持其他参数一致,避免把不同模式的结果混在一起。
先用最小示例验证,再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接,以及带外部地址的内容预览仍可能产生网络请求;“本地处理”并不表示整个网页完全没有网络活动。
先检查「根字号 (root)」、「父元素字号 (parent)」、「小数位」是否完整,以及格式、单位和当前选项是否匹配。修改输入后,查看页面的结果或错误提示;可先用少量数据定位问题。
CSS 格式化 · Box Shadow 生成器 · CSS 动画生成器 · Css Animation · 全部开发工具