这里有点困惑。我在http://www.fraserboag.com/test设置了一个网页,因为我正在使用一些jQuery开发一个简单的响应式菜单。
在我的CSS中,我有一个800px的断点,它会将菜单的显示更改为可切换的滑出菜单。这在桌面浏览器中完美地工作,其大小调整为800px以下,但是当我在iphone上加载此页面时,它只显示标准菜单。即使我放大,导航也会突破更多行并开始模糊内容。
我在这里缺少什么?我是手工编写这种响应式菜单的新手,过去曾经习惯于引导,所以我假设我只是忽略了一些小细节。
非常感谢
答案 0 :(得分:0)
尝试添加像这样的视口元标记:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">