Js 实现页面缩放

分享一个很棒的东西:::::

优点:不用考虑适配问题,按设计稿进行固定尺寸开发。

1、将下面这段 js 放在页面的<head>中

function bodyScale() {
    var devicewidth = document.documentElement.clientWidth;
    var scale = devicewidth / 1440;  // 分母——设计稿的尺寸
    document.body.style.zoom = scale;
}
window.onload = window.onresize = function () {
    bodyScale();
};

2、按照设计稿进行固定开发

设计稿切换至px模式,就直接按标注的写啦~

 

原文地址:https://www.cnblogs.com/lyr1213/p/8658002.html