页面加载时图像大小会发生变化

Question

我看起来有一台鬼机：我在我正在研究的Wordpress网站上放了一个带有翻转阶段的缩略图。它工作正常，但它在页面加载时执行这种奇怪的大小调整。一个小但非常讨厌的东西。

This is the page

我还将相同的代码添加到我正在处理的another Wordpress site中，该代码基于相同的主题（夸克）。它不会发生在其他网站上。

如何解决此问题？

Answer 1

您正在使用百分比来定义容器和图像的宽度，这很好。但是，在初始页面加载时，并非所有元素都可用，因此相对百分比逐渐达到文档完成加载时的终点。看起来不像它在我的屏幕上做得太多但是为了解决这个问题，您可以通过jquery加载图像并将其设置为$(document).ready，这将等到页面完成加载，甚至加载iamges。