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