使用方法
输入设计稿中的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按上述单位口径计算。
| pt | rem |
|---|---|
| 0 | 0 |
| 0.001 | 8.33333e-5 |
| 0.01 | 0.000833333 |
| 0.1 | 0.00833333 |
| 0.25 | 0.0208333 |
| 0.5 | 0.0416667 |
| 1 | 0.0833333 |
| 2 | 0.166667 |
| 5 | 0.416667 |
| 10 | 0.833333 |
| 12 | 1 |
| 20 | 1.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微克;克拉描述质量,不直接决定价格。
查看单位换算分类,不同量纲请分开处理。