将整个页面进行缩放

最新推荐文章于 2024-04-26 16:48:13 发布

西幻

最新推荐文章于 2024-04-26 16:48:13 发布

阅读量532

点赞数

本文链接：https://blog.csdn.net/qq_42311131/article/details/104001575

版权

在js中添加一下代码

//offsetWidth盒子最终的宽；availWidth浏览器屏幕可用宽度
var r = document.body.offsetWidth/window.screen.availWidth;
$("body").css({"transform-origin":"center top 0px","transform":" scale("+r+")"}); 
$(window).resize(function() {
 var r = document.body.offsetWidth / window.screen.availWidth;
 $("body").css({"transform-origin":"center top 0px","transform":" scale("+r+")"});
 }
);

效果图：页面随着屏幕的大小进行放大缩小