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

时间:2019-04-22 19:09:26

标签: css image resize width pageload

当我访问网站的首页时,页面顶部的标题图片将以90%的宽度加载,然后随着页面的继续加载而扩展为100%的宽度。如果向下滚动,则看起来所有元素都是全角的,最初加载时是其全角的90%,然后继续扩展。

我正在尝试查找代码在哪里发生。我以为它可能在css样式表中,但是我没有找到它的运气。我最好的猜测是在图像展开之前是否有某种包装器加载?

有关更多信息,请使用WPBakery Visual Composer插件提取图像。我尝试关闭图像视差,从而完全删除了图像。

我正在检查源代码,但是没有什么对我有所帮助(我的webdev知识非常基础)。我正在寻找有关在代码中查找位置的任何建议。

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

1 个答案:

答案 0 :(得分:0)

在初始页面加载后,似乎正在加载Javascript中的某些内容。 如果您转到 Google Chrome开发者工具->来源->然后(在右侧)选择事件监听器断点,并在 DOM突变下进行检查 DOMContentLoaded 并重新加载页面,它将逐步加载DOM。初始加载元素的样式略有不同-您的div.site-inner不是全角。
当您单击屏幕上的那个蓝色小播放按钮时,它将继续进行下一步。 4或5步后,内容变为全角。如果查看“网络”选项卡(也在开发工具中),您会看到widgets.jsplatform.js已加载,并且在它们之后还有一些图像。我想说,您必须在js文件中查找在初始页面加载后加载的内容。
当比较加载的页面和部分加载的一侧到另一侧时,它将vc_section hide-mobile显示为display: block,将vc_section hide-desktop显示为display: none。  

编辑
只需阅读饥饿之星的评论-他就可以看到更多原因。我只是找到了该原因的结果。希望对您有所帮助。