菜单没有响应iPhone上的媒体查询?

时间:2014-05-19 14:44:03

标签: jquery css iphone jquery-ui responsive-design

这里有点困惑。我在http://www.fraserboag.com/test设置了一个网页,因为我正在使用一些jQuery开发一个简单的响应式菜单。

在我的CSS中,我有一个800px的断点,它会将菜单的显示更改为可切换的滑出菜单。这在桌面浏览器中完美地工作,其大小调整为800px以下,但是当我在iphone上加载此页面时,它只显示标准菜单。即使我放大,导航也会突破更多行并开始模糊内容。

我在这里缺少什么?我是手工编写这种响应式菜单的新手,过去曾经习惯于引导,所以我假设我只是忽略了一些小细节。

非常感谢

1 个答案:

答案 0 :(得分:0)

尝试添加像这样的视口元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">