如何在使用Zurb-Foundation的站点中整齐地堆栈行

Question

我有一个正在进行中的网站。

它利用Zurb的基金会..。

有一排四幅图像均匀分布.(儿童、咨询、高级服务和支助小组)

当您调整窗口的大小时，它会在FF中逐个堆叠，在Mac上放置Safari。(还没有检查IE )。

无论如何，问题出现在Chrome上。这四幅图像并不像在其他浏览器中那样一条条地叠在一起。

我已经把每件事都用了一把漂亮的梳子，但我仍然对它为什么要这样做感到困惑。

它还使用默认浏览器(即Safari)在我的iPhone上这样做，这也使我无止境地感到困扰，因为这是Safari，但是它在桌面版本上运行得很好)。

不管怎样，你知道为什么它在Chrome上玩得不好吗？

预先感谢你的任何想法、建议等.

删除链接，因为问题是固定的。

编辑1

忘记提到这使用了基金会的第4版。

Answer 1

我相信你有两个问题：

1. 图像上方的文本没有适当地缩放。当我删除<h3>的时候，它纠正了大多数问题。
2. “儿童和家庭”和“老年人服务”的图像具有<img />标记中设置的宽度和高度属性。当我移除宽度和高度时，它解决了中的其他问题。

我希望这能帮上忙。