rem转英寸

rem先乘根字号得到CSS像素,再除96得到CSS英寸;默认根字号16px。

使用方法

填写rem长度和网页根元素字号,后者以CSS像素计。默认6rem与16px根字号对应96px,也就是1 CSS英寸。若实际网页根字号20px,应把参数改成20,再重新计算;不能认为任意网页上的同一个rem都代表相同像素长度。

能解决什么

网页设计中常用rem保持文字和间距的相对关系,而印刷或尺寸说明可能使用英寸。本页能在指定根字号的条件下比较CSS长度,但不能保证手机或显示器上显示出来的物体真有对应的物理英寸。设备像素比、浏览器缩放和显示环境都会影响观感。

原理和变量

rem表示根元素字号的倍数,所以像素长度等于rem数乘根字号。CSS绝对单位关系规定一英寸等于96参考像素,因此英寸数等于像素长度除96。辅助毫米数再乘25.4。这里的CSS参考像素不是屏幕单个发光像素,不能用硬件分辨率直接替代根字号参数。

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

完整示例

根字号16px时,6rem得到96px和1 CSS英寸,毫米对照为25.4。若根字号改为20px,同样6rem为120px和1.25 CSS英寸。若根字号保持16px,3rem则为48px和0.5 CSS英寸,说明两个输入分别影响最终长度。

默认演示值:6 rem = 1 CSS英寸。

输入范围与对照表

对照表共用当前根字号,导出表头附带其数值。若对比多个网页,建议按根字号分组,避免同一个rem值在不同上下文中被当成同一实际长度。批量区只写rem数,整批采用相同字号参数。

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

remCSS英寸
00
0.0010.000166667
0.010.00166667
0.10.0166667
0.250.0416667
0.50.0833333
10.166667
20.333333
50.833333
61
101.66667
203.33333

结果边界与舍入

根字号限制为1至200px,这只是本工具的输入范围。浏览器用户设置和页面样式可能改变实际根字号,最好检查计算样式。输出英寸用于CSS单位换算,不用于校准屏幕物理尺寸、印刷缩放或设备像素密度。

常见问题

rem为什么需要根字号?

它本身是相对长度,只有知道根元素字号才能换成固定参考像素,随后才能转换为CSS英寸。

16px是所有网站的固定值吗?

不是。网页与用户设置都可以改变根字号,默认16px只是演示起点,需以目标页面实际样式为准。

6rem总是一英寸吗?

仅在根字号16px时成立。根字号20px时6rem对应120px,为1.25 CSS英寸。

CSS英寸等于屏幕上的物理英寸吗?

不能保证。屏幕显示涉及参考像素、缩放和设备特性,本页计算的是CSS定义关系。

设备像素比要填在哪里?

本页不使用硬件像素数量,根字号应填CSS像素,不要先乘设备像素比。

rem和em能混着输入吗?

不能。em通常依赖当前元素或继承上下文的字号,rem参考根元素,两个参照对象可能不同。

改字号后旧批量结果还能用吗?

应重新执行。页面会清除旧的批量结果,避免用旧字号的数值配上新字号的导出表头。

能用于打印尺寸设计吗?

可作CSS长度关系参考,实际打印还需核对纸张、缩放比例和浏览器打印设置,不能仅靠屏幕预览。

相关工具

  • 英寸转毫米:一国际英寸精确定义为25.4毫米;屏幕标称英寸通常是对角线,不是宽度。
  • 茶匙转美制加仑:本页固定美制标准茶匙:768茶匙等于1美制液体加仑,公制5毫升量匙需另算。
  • 周转毫秒:按固定持续时间,一周为604800秒,也就是604800000毫秒。

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