【发布时间】:2013-10-19 19:38:44
【问题描述】:
我正在开发基于 Bootstrap 3 的响应式设计。当我在桌面上调整浏览器窗口的大小时,一切都按预期运行,但是当我在 iPhone 上查看它时,它并没有像应有的那样折叠菜单。
http://www.craftonhills.edu/Testing/ksimonso/Mobile_Site_Page
【问题讨论】:
标签: css twitter-bootstrap media-queries
我正在开发基于 Bootstrap 3 的响应式设计。当我在桌面上调整浏览器窗口的大小时,一切都按预期运行,但是当我在 iPhone 上查看它时,它并没有像应有的那样折叠菜单。
http://www.craftonhills.edu/Testing/ksimonso/Mobile_Site_Page
【问题讨论】:
标签: css twitter-bootstrap media-queries
您需要将视口标签添加到您的标题中:
HTML
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
【讨论】:
您的<head> 中缺少viewport meta tag
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
【讨论】: