var num = 1 / window.devicePixelRatio;
var fontSize = document.documentElement.clientWidth / 10;
document.getElementsByTagName('html')[0].style.fontSize = fontSize + 'px';

適配移動端rem單位，實際使用的時候用量取到的像素值/75即為計算后的rem值，標準為iPhone6的750的尺寸。750px的設計稿的標準寬度為10rem；

補充另一種，本質不變

!function (a, d) {function c() {var t = document.documentElement.clientWidth,i = document.documentElement.clientHeight;d.documentElement.style.fontSize = ((t / i) >= 0.75) ? t * 0.1 + "px" : t / 750 * 75 + "px"};var b = null;a.addEventListener("onorientationchange" in a ? "orientationchange" : "resize", function () {clearTimeout(b);b = setTimeout(c, 300)}, !1);a.addEventListener("pageshow", function (a) {a.persisted && (clearTimeout(b), b = setTimeout(c, 300))}, !1);d.addEventListener("DOMContentLoaded", c, false)
}(window, document);

?

轉載于:https://www.cnblogs.com/DreamerLeaf/p/9667589.html

總結

以上是生活随笔為你收集整理的关于移动端rem适配的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。