Zurb Foundation：网站不再响应移动设备答案

【问题标题】：Zurb Foundation: site no longer mobile responsiveZurb Foundation：网站不再响应移动设备
【发布时间】：2013-07-20 01:06:51
【问题描述】：

由于某种原因，该网站不再支持移动设备（特别是在 iPhone 上），而我不知道为什么会这样。在 iPhone 上打开页面时（例如），页面看起来应该有所不同，特别是菜单栏应该有一个下拉菜单，并且页面的宽度应该完全适合屏幕。

我已经加入了这一行：

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

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

非常感谢！

【问题讨论】：

“响应式”是一个非常模糊的术语，因此如果您具体解释未发生的事情以及您所期望的内容，您会得到更好的答案，请看。如果您提供一个小的独立示例，您将获得更好的答案，其中包含足够的代码来演示问题，没有任何额外内容。将此代码发布到问题中。这样做可能需要做很多工作，但它是解决问题过程中的关键部分。
好点，谢谢。我已更新问题以反映您的一些 cmets。

【解决方案1】：

<head> 部分中需要此行：

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

【讨论】：

【解决方案2】：

我已将您网站的文件从 GitHub 下载到我的本地计算机并对其进行了测试，它们似乎运行良好，没有任何错误。该网站具有响应性并且表现得像它应该的那样。您提到的菜单似乎工作正常，当您点击 iphone 尺寸时，它会从文本缩小到下拉菜单。我在我的iphone上打开它，再次没有错误。

如果您有任何其他未提及的问题，请将它们放在 cmets 中，看来您已经解决了您遇到的问题，或者它已经自行解决了。

【讨论】：