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模式，就直接按标注的写啦~

 

posted @ 2018-03-27 16:05  名字被占用。  阅读(11514)  评论(3)  编辑  收藏  举报