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,会根据屏幕的尺寸进行缩放,真的很省心