Zurb Foundation：网站不再具有移动响应能力

Question

代码在这里： https : //github.com/michaelrbock/personal-site/blob/master/index.html

由于某些原因，该站点不再像以前那样具有移动响应性（特别是在iPhone上），我不确定为什么会这样。 在iPhone上打开页面时（例如），页面外观应该有所不同，特别是菜单栏应具有下拉菜单，并且页面的宽度应完全适合屏幕。

我已经包含了这一行：

<meta name="viewport" content="width=device-width" />

并没有真正改变太多，所以我不确定为什么它不再响应。

非常感谢！

Answer 1

我已将您站点的文件从GitHub下载到我的本地计算机上，并对其进行了测试，它们似乎运行正常，并且在任何地方都没有错误。 该网站反应灵敏，行为正常。 您提到的菜单似乎工作正常，并且在您达到iphone大小时从文本缩小为下拉菜单。 我在iPhone上将其打开，再次没有错误。

如果您有其他未提及的问题，请在评论中注明，似乎您已经解决了自己所遇到的问题，或者它已经解决了自己。

Answer 2

您需要在<head>部分中的这一行：

<meta name="viewport" content="width=device-width, initial-scale=1">