關於移動端rem適配

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;html

補充另外一種,本質不變spa

!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);
相關文章
相關標籤/搜索