px转rem

总结换算方法：

rem值 = width / fontSize / 画布倍数;

例如上面的例子

375px尺寸：width = 100px / 16px / 1
750pxpx尺寸：width = 100px / 16px / 2∂
1150px尺寸：width = 100px / 16px / 3

我们一般不会将 html 的 font-size 固定为 16px,而是选择 html{ font-size: 62.5%; }

因为一般浏览器将 font-size 定义为 16px，可以计算得 16px * 62.5% = 10px

这样就可以使用十进制进行 px-rem 换算了，

例如上面的例子，如果设计稿是 750px 尺寸，则 rem 值= 100px / 10 / 2,结果为 5rem

参考

• css: px 转 rem 换算方法