Question

[注意：我目前没有足够的声誉来发布图片，所以不幸的是，它们被发布为链接]

好的，所以，我正在开发一个Wordpress主题，在jQuery Masonry插件的帮助下。根据您正在查看的页面，帖子中的图像必须为200px或500px宽。早些时候我遇到了一个问题，当图像的宽度调整大小时，图像不会保持宽高比，这是我用一些简单的CSS修复的问题：

#post img {
width:100%;
height:100%;
}

这似乎做得很好。然而，现在，页面上的图像发生了一些非常奇怪的事情，它们在页面加载时不成比例地被拉伸（图像拉伸几乎是屏幕截图的两倍）：

奇怪的是，无论初始高度差异如何，所有图像都会延伸到相同的长度。

当我刷新页面时，图像会恢复正确的宽高比。这就是页面的样子：

我已经确定了jQuery Masonry插件的问题。当我拿走它时，图像呈现得很好。除此之外，我完全不知道发生了什么以及如何解决它。

仅供参考：当我调整页面大小时，插件会正常洗牌，但图像会更加拉伸。也许它可能意味着什么？

我到处寻找答案是徒劳的。也许你好小伙子有一个遥远的线索，可能是什么问题？

提前致谢，

儒略