使用方法
填写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转英寸按上述单位口径计算。
| rem | CSS英寸 |
|---|---|
| 0 | 0 |
| 0.001 | 0.000166667 |
| 0.01 | 0.00166667 |
| 0.1 | 0.0166667 |
| 0.25 | 0.0416667 |
| 0.5 | 0.0833333 |
| 1 | 0.166667 |
| 2 | 0.333333 |
| 5 | 0.833333 |
| 6 | 1 |
| 10 | 1.66667 |
| 20 | 3.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毫秒。
查看单位换算分类,不同量纲请分开处理。