如何防止实时调整图像大小(在页面加载期间)

How to Prevent Image Resizing In Real Time (during page load)

当我访问我网站的主页时,页面顶部的 header 图片以 90% 的宽度加载,然后随着页面的继续加载扩展到 100% 的宽度。如果向下滚动,它看起来像所有旨在 full-width 的元素,最初以其全宽的 90% 左右加载,然后继续扩展。

我试图找出代码中发生这种情况的位置。我认为它可能是 css 风格 sheet 但我没有找到它。我最好的猜测是在图像展开之前加载了某种包装器?

有关详细信息,正在使用 WPBakery Visual Composer 插件拉入图像。我尝试关闭图像视差,这完全删除了图像。

我正在检查源代码,但没有任何东西跳出来(我的 webdev 知识非常基础)。我正在寻找有关代码查找位置的任何建议。

我不确定是什么导致了这个问题,但是可以在这里查看源代码:https://dev-nurseregistry.pantheonsite.io/

似乎 Javascript 中的某些内容在初始页面加载后正在加载。 如果你去 Google Chrome dev tools -> Sources -> 然后(在右侧)选择 Event Listener breakpoints 并在 DOM Mutation 下检查 DOMContentLoaded 并重新加载页面,它将加载 DOM一步步。在初始加载元素有一点不同的风格 - 你的 div.site-inner 不是全宽。
当您单击屏幕上的蓝色小播放按钮时,它会进入另一个步骤。 4 或 5 个步骤后,内容变为全宽。如果您查看网络选项卡(也在开发工具中),您可以看到 widgets.jsplatform.js 已加载,之后还有一些图像。我会说你必须在你的 js 文件中寻找你在初始页面加载后加载的东西。
当比较加载页面和部分加载页面时,它显示 vc_section hide-mobiledisplay: blockvc_section hide-desktop 显示为 display: none

编辑
只需阅读 hungstar 的评论 - 他展示了更多的原因。我刚刚找到了那个原因的结果。希望对你有帮助。