av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - Ajax加載Json時,移動端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?

瀏覽:163日期:2023-01-06 15:20:48

問題描述

問題: 用rem布局做移動端頁面,利用JQ的Ajax加載Json文件,在刷新加載Json時,頁面會向左上角縮一截兒,當Json加載完成時,頁面顯示正常尺寸。 試問,這種問題該如何解決?

理想中的效果是 : 刷新頁面重新加載Json前,靜態頁面已經加載完成,并且是正常尺寸在移動端上顯示。

加載Json時的頁面:javascript - Ajax加載Json時,移動端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?][1]

所引入的JS文件順序 :

<script src='http://www.4tl426be.cn/wenda/js/jquery-1.11.2.js'></script> <script src='http://www.4tl426be.cn/wenda/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='http://www.4tl426be.cn/wenda/js/index.js' type='text/javascript' charset='utf-8'></script>

問題解答

回答1:

移動端不如試試MUI -> 斜眼笑

回答2:

猜測和ajax沒關系...試試把rem設置相關的js代碼不放到onload里,而是提到頁面最開始,或者在css中用媒體查詢粗略做個html,body的font-size初始設定值

回答3:

好像連等賦值和onresize比較可疑,建議去掉后者,變成:

window.onload = function() { document.documentElement.style.fontSize=innerWidth/20 +’px’; }

試試~

標簽: JavaScript
主站蜘蛛池模板: 中文字字幕一区二区三区四区五区 | 国产精品美女久久久久aⅴ国产馆 | 久久久久久久综合 | 国产高清在线精品 | 精精国产xxxx视频在线野外 | 国产视频1 | 午夜免费福利片 | 精品国产乱码久久久久久图片 | 中文字幕 亚洲一区 | 国产欧美在线视频 | 亚洲精品视频一区二区三区 | 日本三级日产三级国产三级 | 国产在线一区二 | 免费观看国产视频在线 | 精品在线一区 | 精品毛片 | 久久一区二区三区四区 | 激情国产 | 天堂综合网久久 | 97色综合| 91精品国产一区二区三区蜜臀 | 欧美亚洲国产精品 | 天天夜碰日日摸日日澡 | 中文字幕在线观看一区二区 | 欧美日产国产成人免费图片 | 亚洲精品无人区 | 久久爱综合 | 亚洲一区二区三区免费观看 | 国产精品视频在线播放 | 亚洲国产一区二区在线 | 欧美日韩国产三级 | 欧美一区二区三区四区视频 | 涩在线| 色婷婷影院 | 日韩在线中文 | 91视频a | 日本不卡免费新一二三区 | 国产一二区视频 | 精品一区二区三区不卡 | 日韩成人av在线 | 少妇性l交大片免费一 |