我正在研究基于 Bootstrap 3 的响应式设计。当我在桌面上调整浏览器窗口的大小时,一切都按预期运行,但是当我在 iPhone 上查看它时,它并没有按应有的方式折叠菜单等等。
http://www.craftonhills.edu/Testing/ksimonso/Mobile_Site_Page
我正在研究基于 Bootstrap 3 的响应式设计。当我在桌面上调整浏览器窗口的大小时,一切都按预期运行,但是当我在 iPhone 上查看它时,它并没有按应有的方式折叠菜单等等。
http://www.craftonhills.edu/Testing/ksimonso/Mobile_Site_Page
您需要将视口标签添加到标题中:
HTML
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
您缺少视口元标记<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />