问题： 用rem布局做移动端页面，利用JQ的Ajax加载Json文件，在刷新加载Json时，页面会向左上角缩一截儿，当Json加载完成时，页面显示正常尺寸。 试问，这种问题该如何解决？

理想中的效果是 ： 刷新页面重新加载Json前，静态页面已经加载完成，并且是正常尺寸在移动端上显示。

加载Json时的页面：][1]

所引入的JS文件顺序 :

     <script src="js/jquery-1.11.2.js"></script>
    <script src="js/idangerous.swiper.js"></script>
    <script type="text/javascript">    
       //rem设置
           window.onload=window.onresize=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', //分页器
           })
    </script>
    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>