responsive-design - 使用 Foundation 3 时响应式布局无法正常工作

Question

我正在使用 Foundation 3 创建网站，但我似乎无法让响应式布局正常工作。当屏幕尺寸改变时，导航栏似乎有响应，但网站的其余部分都不起作用。谁能帮助我如何让网站的其余部分响应？

您可以在此处查看：https ://dl.dropboxusercontent.com/u/52725754/fight-back-jujitsu/index.html

任何帮助都会被应用。

谢谢

Answer 1

您的网站上发生了很多事情。我注意到的一件大事是你嵌套row在row. 这会弄乱您网站的布局。如果你想有那个嵌套，那么你需要先有一个columns，然后是一个row. 你可以检查这个小提琴，它说明了我在这里谈论的内容。您会注意到第二个面板会导致水平滚动。如果您删除该rowdiv 上的类，则滚动将消失。