JS實現頁面縮放解決適配問題


好處:不用考慮適配問題,按設計稿進行固定尺寸開發。

將下面這段 js 放在頁面的<head>中即可

function bodyScale() {
    var devicewidth = document.documentElement.clientWidth;
    var scale = devicewidth / 1920;  // 分母——設計稿的尺寸寬度
    document.body.style.zoom = scale;
}
window.onload = window.onresize = function () {
    bodyScale();
};


然后只需要按照設計稿的比例正常進行開發即可,直接使用px,會根據屏幕的尺寸進行縮放,真的很省心