[注意:我目前没有足够的声誉来发布图片,所以很遗憾它们是作为链接发布的]
好的,所以,我目前正在开发一个 Wordpress 主题,并借助 jQuery Masonry 插件的一些帮助。根据您正在查看的页面,帖子中的图像必须为 200 像素或 500 像素宽。早些时候,我遇到了一个问题,即在调整宽度大小时图像不会保留它们的纵横比,我用一些简单的 CSS 解决了这个问题:
#post img {
width:100%;
height:100%;
}
这似乎很好地解决了这个问题。然而,现在页面上的图像发生了一些非常奇怪的事情,它们在页面加载时被不成比例地拉伸(图像几乎是屏幕截图的两倍):
http://i.stack.imgur.com/5dAgU.jpg
奇怪的是,不管它们的初始高度差异如何,所有图像都拉伸到相同的长度。
当我刷新页面时,图像会恢复到正确的纵横比。页面应该是这样的:
http://i.stack.imgur.com/YK4Sl.jpg
我已经将问题定位到 jQuery Masonry 插件。当我把它拿走时,图像渲染得很好。除此之外,尽管我完全不知道发生了什么以及如何解决它。
仅供参考:当我调整页面大小时,插件通常会打乱砖块,但图像会拉伸得更远。也许这可能意味着什么?
我到处寻找答案都是徒劳的。也许你们好小伙子对可能是什么问题有一个遥远的线索?
提前致谢,
朱利安