Zurb基金会:网站不再是移动响应

时间:2013-07-21 01:26:40

标签: jquery html5 responsive-design sass zurb-foundation

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

出于某种原因,此网站不再具有移动响应性(特别是在iPhone上)以前的状态,而且我不确定为什么会这样。在iPhone上打开页面时(例如),页面应该看起来不同,特别是菜单栏应该有一个下拉菜单,页面的宽度应该完全适合屏幕。

我已将此行包括在内:

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

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

非常感谢!

2 个答案:

答案 0 :(得分:0)

我已经将您网站的文件从GitHub下载到我的本地计算机并进行了测试,它们看起来工作得非常好,没有任何错误。该网站响应迅速,表现得像它应该的那样。您提到的菜单似乎工作正常,当您点击iphone大小时,从文本缩小到下拉列表。我在我的iphone上打开它再次没有错误。

如果您有任何其他未提及的问题,请将它们放在评论中,看来您已修复了您遇到的问题或已经修复了问题。

答案 1 :(得分:0)

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

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