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

2021-12-22
2022-12-23
2021-08-15
2022-12-23
2021-12-31
2022-01-01
2022-01-02
2022-12-23