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

发布时间 2023-06-14 11:24:38作者: 空明流光

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

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

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