iPhone无视媒体查询

时间:2013-10-11 16:28:34

标签: css twitter-bootstrap media-queries

我正在研究基于Bootstrap 3的响应式设计。当我在桌面上调整浏览器窗口的大小时,一切都按预期运行,但是当我在iPhone上查看它时,它不会像其应该的那样折叠菜单。

http://www.craftonhills.edu/Testing/ksimonso/Mobile_Site_Page

2 个答案:

答案 0 :(得分:1)

您需要将viewport标记添加到标题中:

<强> HTML

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

答案 1 :(得分:1)

您错过了<head>

中的viewport meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0" />