vue 中使用 rem 后元素最终大小的计算和转换？

1. 如果项目引入了rem，那么默认的 html 元素的 font-size 大小会被设置为 html 元素.clientWidth / 10 + "px"；如果不想使用默认设置，也可以自行修改。
2. 1rem 将等于 html 的 font-size 的大小。
3. 如果一个元素用px作为单位设置，那将它转换为 rem 单位的方法就是除以 remUnit ，比如16px/144≈0.1111rem，实际像素大小则等于结果再乘以 html 的 font-size 大小。

remUnit 指定了将多少个像素转换为一个 rem 单位。

以上计算中多次舍入计算会导致最终结果误差变大，最好一次性列完公式，先通过结合率做无损计算，最后再在有损计算，避免计算结果与实际有所出入

如果我要将元素设置为100px，如何计算用rem作为单位时数值的大小?

var fontSize = document.getElementsByTagName("html")[0].style.fontSize;
fontSize = parseFloat(fontSize.substr(0,fontSize.length -2));
var remSize = 100/fontSize + "rem";
console.log(remSize);

不过rem 对于行内css的大小是忽略的，即style="width:100px"，那它就一定是100px，无论页面多大多小，分辨率多大多小，它都不会变。