当我访问网站的首页时,页面顶部的标题图片将以90%的宽度加载,然后随着页面的继续加载而扩展为100%的宽度。如果向下滚动,则看起来所有元素都是全角的,最初加载时是其全角的90%,然后继续扩展。
我正在尝试查找代码在哪里发生。我以为它可能在css样式表中,但是我没有找到它的运气。我最好的猜测是在图像展开之前是否有某种包装器加载?
有关更多信息,请使用WPBakery Visual Composer插件提取图像。我尝试关闭图像视差,从而完全删除了图像。
我正在检查源代码,但是没有什么对我有所帮助(我的webdev知识非常基础)。我正在寻找有关在代码中查找位置的任何建议。
我不确定是什么引起了问题,但是可以在这里查看源代码:https://dev-nurseregistry.pantheonsite.io/
答案 0 :(得分:0)
在初始页面加载后,似乎正在加载Javascript中的某些内容。
如果您转到 Google Chrome开发者工具->来源->然后(在右侧)选择事件监听器断点,并在 DOM突变下进行检查 DOMContentLoaded 并重新加载页面,它将逐步加载DOM。初始加载元素的样式略有不同-您的div.site-inner
不是全角。
当您单击屏幕上的那个蓝色小播放按钮时,它将继续进行下一步。 4或5步后,内容变为全角。如果查看“网络”选项卡(也在开发工具中),您会看到widgets.js
和platform.js
已加载,并且在它们之后还有一些图像。我想说,您必须在js文件中查找在初始页面加载后加载的内容。
当比较加载的页面和部分加载的一侧到另一侧时,它将vc_section hide-mobile
显示为display: block
,将vc_section hide-desktop
显示为display: none
。
编辑
只需阅读饥饿之星的评论-他就可以看到更多原因。我只是找到了该原因的结果。希望对您有所帮助。