css准备:模块宽度设置为100%;模块高度设置为100vh;内容区域设置为1000*800,居中显示;
js:$(function(){
`//初始化页面置于顶部
$("html,body").animate({scrollTop:0},300);
var page = 0;
//浏览器当前窗口可视区域宽度
var viewWidth=$(window).width();
//浏览器当前窗口可视区域高度
var viewHeight=$(window).height();
//窗口宽度小于1000时,缩放
if(viewWidth<1000){
//可视区域的高度+下侧滚动条的高度
viewHeight+=17;
$(".content-box1").css("transform",'scale('+(viewWidth/1500)+')');
$(".content-box2").css("transform",'scale('+(viewWidth/1500)+')');
$(".content-box3").css("transform",'scale('+(viewWidth/1500)+')');
}
//宽度小于800时,缩放
if(viewHeight<800){
$(".content-box1").css("transform",'scale('+(viewHeight/900)+')');
$(".content-box2").css("transform",'scale('+(viewHeight/900)+')');
$(".content-box3").css("transform",'scale('+(viewHeight/900)+')');
}
//窗口变化时刷新页面
$(window).res