0

我正在使用 Zurb 的 Foundation 4 和 Isotope 来创建具有不同列号和砌体/行/无限滚动选项的响应式布局。

问题是，在某些宽度大小（浏览器调整大小）下 - Isotope 正在努力找出将内容放在哪里，这在除 Safari 之外的每个浏览器上都会发生。

内容将从 2 行删除 - 到 1（左手）行，回到 2 行，然后再到 1（左手）行 - 然后随着浏览器调整大小变小，到基础全宽行。

我在这里添加了一个 30 秒的视频演示http://www.youtube.com/watch?v=Sl7DSxBMK_U

我觉得我错过了一些非常简单的东西，但我找不到答案可能是什么？

非常感谢任何可以对此有所了解的人！

谢谢！

4

1 回答 1

0

我认为您的问题是同位素正试图将图像重新调整到下一行，但基础列也在积极调整图像容器的大小

因此，每当它被同位素移动时，一旦发生这种情况，基金会的网格也会调整图像容器的大小，以便它飞回行中。

尽量不要将基金会的网格用于仅在同位素中布置的项目。

http://isotope.metafizzy.co/本身不使用响应式网格 那里的项目有固定的宽度，但有不同类型的元素具有不同的宽度，所以它看起来很随机

于 2013-09-24T23:29:19.823 回答