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

Image size shifts when page loads

我似乎有一个机器中的幽灵:我在我正在使用的 Wordpress 网站上放了一个带有翻转阶段的缩略图。它工作正常,只是它在页面加载时进行了这种奇怪的调整大小。一个很小但很烦人的事情。

This is the page

我还在我正在开发的 another Wordpress site 中添加了相同的代码,它基于相同的主题 (Quark)。它不会发生在其他站点上。

我该如何解决这个问题?

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