如何解决页面加载时内容布局发生变化
我遇到了一个问题,我的左侧菜单容器填充了整个屏幕宽度,直到加载过程中的特定点之后,然后菜单缩小到正确的大小并且主体向上移动页面以填充新的缩小菜单留下的可用空间。
我尝试通过编辑 css 来解决这个问题,但没有成功
该站点使用引导程序,我认为问题与引导程序有关,但无法查明确切问题,
其中一个 .js 文件 (main.js) 似乎与此问题相关,当我在 chrome 开发工具中禁用此 .js 文件时,菜单在页面顶部保持全宽(全宽为不需要),然后当我重新启用 main.js 并重新加载页面时,菜单最终确实缩小到正确的大小,但再次产生了菜单填充页面的不良影响,一秒钟后缩小到所需的大小。
因此,我的页面未通过内容布局转换 (CLS) 测试,所以现在我正在寻找可能隐藏页面或阻止绘制直到内容布局转换发生点之后的变通方法。
有什么建议吗?在这一点上我真的在挠头
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。