点转rem

先把pt换成CSS参考像素,再除以根元素字号;默认根字号16px时,12pt等于1rem。

使用方法

输入设计稿中的pt数值,再填写网页根元素的字号,单位为CSS像素。默认12pt和16px根字号得到1rem;若网站设置为20px,应将根字号改为20,不能沿用默认结果。修改根字号后,单次结果与对照表更新,批量列表需重新执行,以保留一致的上下文。

能解决什么

印刷尺寸或设计软件可能用点标注,而网页组件常用rem控制文字、间距和容器尺寸。本页帮助在明确根字号后对照数值,便于把设计标注转成样式表长度。旧名称“磅转rem”中的磅是排版术语误译,本页使用点pt,不涉及重量磅或质量换算。

原理和变量

CSS定义一英寸等于72pt,同时等于96px,因此一个pt为四分之三个像素的倒数,也就是4/3px。rem表示根元素字号的倍数,所以rem数等于pt数乘4/3,再除以根字号的像素数。根字号为16px时,一rem对应12pt;根字号变大,同样pt长度对应的rem数就变小。

定义参考:单位定义与口径说明。

完整示例

默认12pt先换成16px,再除以16px得到1rem。如果根字号改为20px,相同12pt变为0.8rem。输入18pt且根字号16px时为24px,也就是1.5rem。这里的px是CSS参考像素,不是直接数屏幕上的硬件像素。

默认演示值:12 pt = 1 rem。

输入范围与对照表

对照表按当前根字号计算,表头附带根字号信息,导出时可检查口径。批量区只填写pt数值,整批共用一个根字号;若不同网页的根字号不同,应分批处理,不要把不同上下文的结果混在一张表中。

输入范围:0 至 1000000 pt;默认有效数字为6位,可改为9或12位。点转rem按上述单位口径计算。

ptrem
00
0.0018.33333e-5
0.010.000833333
0.10.00833333
0.250.0208333
0.50.0416667
10.0833333
20.166667
50.416667
100.833333
121
201.66667

结果边界与舍入

根字号限定为1至200 CSS像素且必须大于零,这个范围是工具输入约束,不代表浏览器仅支持这些字号。用户缩放、系统字体设置和实际样式规则仍可能改变视觉效果。计算只转换CSS长度,不能保证印刷机与屏幕显示同样的物理尺寸。

常见问题

pt是不是重量的磅?

这里pt表示排版点,与lb重量磅没有关系。旧称磅转rem容易混淆,应以点和CSS长度定义理解。

为什么必须填写根字号?

rem是根元素字号的倍数,根字号改变时同一像素长度对应不同rem,缺少这个值就没有唯一答案。

默认16px适合所有网站吗?

不一定。很多环境以16px为起点,但网页可以覆盖根字号,用户也能更改默认设置,应查看实际计算样式。

12pt一定等于1rem吗?

只有根字号为16px时成立。若根字号20px,12pt对应16px,除以20得到0.8rem。

rem和em有什么区别?

rem参考根元素字号,em通常参考当前元素或继承上下文的字号;在不同属性中还需注意具体计算规则。

能把屏幕像素直接当px吗?

不能。CSS参考像素与硬件像素之间还受设备像素比和缩放影响,本页不处理硬件像素密度。

根字号为空会怎样?

页面会提示填写1至200之间的有效数值,并阻止产生看似正确的结果,避免把空值当零参与除法。

导出的rem能直接用于样式吗?

可作为同一根字号条件下的数值参考,实际布局还需测试文字换行、用户缩放与响应式断点。

相关工具

  • 厘米转毫米:厘米到毫米乘10,毫米数增大,但实际长度保持不变。
  • 天转月:默认按公历平均月30.436875天估算,也可切换每月30天;自然月需要结合具体日期。
  • 克拉转微克:1公制克拉为200毫克,也就是200000微克;克拉描述质量,不直接决定价格。

查看单位换算分类,不同量纲请分开处理。