3

我的 Masonry 在 ie9 中总是只有一列,尽管在 Firefox 中它显示的列很好。我在小提琴中放了一个简单的例子:http: //jsfiddle.net/vNXGB/

它是一样的,有或没有浮动:左。无论我尝试了三个 imagesLoaded 脚本中的哪一个,以及我是否有图像,它似乎都是一样的:

https://gist.github.com/1539102

https://github.com/desandro/imagesloaded/

https://github.com/alexanderdickson/waitForImages

那么这会在我的 Fiddle 代码中留下问题吗?我尝试在其他地方应用 CSS,尝试将 IE 设置重置为默认值,清除 IE 缓存,上传我的网站,使其不在本地主机上,等等。

有任何想法吗?谢谢。:)

4

2 回答 2

8

好吧,以防其他人也被永久卡在这一点上,这是desandro(作者)的答案:

感谢您提交此错误 :)

看起来这是由一些 CSS 引起的

.brick { 边距:0 自动 10 像素自动;}

这些自动导致 IE 将砖块的宽度测量为占据容器的整个宽度。将其更改为边距:0 0 10px 0; 似乎解决了它。

http://codepen.io/desandro/pen/sflJa

于 2012-08-15T10:02:23.973 回答
1

谢谢詹妮弗,

我只想补充一点,这个问题/解决方案也适用于 Metafizzy 的 Packery。我没有测试过同位素,但如果你也在那里找到它,我不会感到惊讶。

于 2013-11-18T15:12:21.827 回答