em转rem_元素与根字号设置及像素对照

使用方法

输入em数，再填写当前长度参照的字号与根元素字号，单位均为CSS像素。默认2em、16像素参照字号和16像素根字号得到2rem。若计算的是元素的padding、margin等长度，参照字号通常是该元素计算后的font-size；修改设置后按换算或回车刷新。

适合把组件中的相对间距转换成全站统一的根字号尺度，也能比较嵌套组件因字号不同产生的尺寸差异。页面不会读取你的网站CSS，因此需要从浏览器开发者工具确认实际计算值。设计稿中的像素和物理屏幕像素不是同一概念，缩放与设备像素比仍由浏览器处理。

普通长度属性中的em相对于元素计算后的字号，而rem相对于根元素字号。设输入为x、参照字号为E像素、根字号为R像素，则长度为x乘E像素，结果为x乘E除R个rem。在font-size属性本身使用em时，参照通常是父元素的计算字号，需要把那个值填入参照框。不能一律把em与rem看成一比一。

2em在20像素参照字号下等于40CSS像素，若根字号为16像素，结果为2.5rem。保持根字号不变而将参照字号改为10像素，2em变为20像素，也就是1.25rem。若两个字号相等，数值才保持不变。

默认演示值：2 em = 2 rem。

对照表使用当前两个字号重新计算。改变任一字号后，旧批量结果会清空并要求重算，防止把上一套参照值保存到新的表头下。建议导出时同时记下参照字号和根字号，因为rem数值只在对应CSS环境中表达同样的长度。

输入范围：0 至 1000000 em；默认有效数字为6位，可改为9或12位。em转rem按上述单位口径计算。

em长度允许零至一百万；参照和根字号允许0.1至512CSS像素，零字号不能作除数。这个范围用于界面校验，不代表CSS规范把字号限制在该范围。百分比、视口单位、媒体查询和继承链需要在实际页面中解析，本工具只计算给定两个字号后的比例。

em和rem总是一样大吗？

不是。只有em参照字号与根字号相等时，同样数值的两种单位才代表相同长度。

根字号一定是16像素吗？

不一定。浏览器初始设置、用户字体偏好或站点CSS都可能改变它，应查看计算样式。

font-size里的em该填哪个字号？

应使用该属性的参照字号，通常是父元素计算后的字号，而非结果字号。

padding里的em参照谁？

通常参照该元素自身计算后的字号，因此应先确定font-size再换算间距。

能自动读取我的网页字号吗？

不能。请在开发者工具中查看对应元素和根元素的计算样式，再填写数值。

CSS像素等于屏幕硬件像素吗？

不一定。设备像素比和页面缩放可能使一个CSS像素对应多个设备像素。

根字号改为零会怎样？

无法用零作除数，页面会明确提示填写0.1至512范围内的有效字号。

为什么切换字号要重做批量？

批量结果依赖两个字号。清空旧结果可避免把不同参照环境的数据混用。