如何防止图像实时调整大小(在页面加载期间)
当我访问我网站的主页时，页面顶部的页眉图像以90%的宽度加载，然后随着页面的继续加载扩展到100%的宽度。如果向下滚动，它看起来像是所有元素都是全宽的，最初加载时约为全宽的90%，然后继续展开。
我正在尝试定位代码中发生这种情况的位置。我认为它可能在css样式表中，但我没有任何幸运地找到它。我最好的猜测是在图像展开之前会有某种包装器加载？
有关更多信息，请使用WPBakery Visual Composer插件将图像拉入。我试着关闭图像视差，这完全删除了图像。
我正在检查源代码，但我什么也没想到(我的webdev知识非常基础)。我正在寻找任何关于在代码中查找位置的建议。
我不确定是什么导致了这个问题，但是可以在这里查看源代码：https://dev-nurseregistry.pantheonsite.io/
回答 1
Stack Overflow用户
发布于 2019-04-23 03:35:02
似乎在初始页面加载之后，Javascript中的某些内容正在加载。如果您转到Google Chrome dev tools -> Sources ->，然后(在右侧)选择Event Listener breakpoints，并在DOM Mutation下检查DOM并重新加载页面，它将一步一步加载DOM。初始的load元素有一点不同的风格--你的div.site-inner不是全宽的。
当您单击屏幕上的蓝色播放小按钮时，它会进入另一个步骤。在4或5个步骤之后，内容会变得全宽。如果您查看网络选项卡(也在开发工具中)，您可以看到加载了widgets.js和platform.js，之后还加载了一些图像。我要说的是，您必须在js文件中查找在初始页面加载后加载的内容。
当比较加载的页面和部分加载的页面时，它将vc_section hide-mobile显示为display: block，将vc_section hide-desktop显示为display: none。
编辑
只需阅读hungerstar的评论-他展示了更多的原因。我刚刚找到了那个原因的结果。希望能有所帮助。
https://stackoverflow.com/questions/55799772
复制相似问题