问题: 用rem布局做移动端页面,利用JQ的Ajax加载Json文件,在刷新加载Json时,页面会向左上角缩一截儿,当Json加载完成时,页面显示正常尺寸。 试问,这种问题该如何解决?
理想中的效果是 : 刷新页面重新加载Json前,静态页面已经加载完成,并且是正常尺寸在移动端上显示。
加载Json时的页面:
][1]
所引入的JS文件顺序 :
//rem设置
window.οnlοad=window.οnresize=function(){
document.documentElement.style.fontSize=innerWidth/20 +'px';
}
// Swiper JS
var WU=new Swiper(".swiper-container",{
loop:true, //是否支持循环播放
speed:400,//延迟时间
mode:'horizontal',// "horizontal" 水平轮播; mode:"vertical" 垂直轮播
autoplay:2000, //自动播放
pagination:'.pagination', //分页器
})