javascript - Ajax加载Json时,移动端页面向左上角缩小一截儿,加载完成后才正常显示,这该如何解决?

 wang静的天空 发布于 2022-10-31 16:35

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

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

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

所引入的JS文件顺序 :

     
    
    
    
3 个回答
  • 好像连等赋值和onresize比较可疑,建议去掉后者,变成:

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

    试试~

    2022-11-12 01:50 回答
  • 猜测和ajax没关系...
    试试把rem设置相关的js代码不放到onload里,而是提到页面最开始,或者在css中用媒体查询粗略做个html,body的font-size初始设定值

    2022-11-12 01:50 回答
  • 移动端不如试试MUI -> 斜眼笑


    2022-11-12 01:50 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有