我正在测试 Bootstrap 响应性导航栏，我有一个 demo网站。当我在桌面上调整浏览器的大小时，一切正常，包括导航栏，它变成可折叠菜单，顶部有一个小图标，我可以单击该图标来查看更多菜单按钮。
但是当我在移动浏览器上尝试它时(我在 Android 上的 Chrome 和互联网浏览器上尝试过)，我没有看到响应式设计。我只能看到非常小的版本的桌面版网站。
有人能指出我做错了什么吗？
最佳答案
将其添加到您的 HTML 头部..
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
这告诉较小的设备浏览器如何缩放页面。您可以在这里阅读更多相关信息:https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
关于twitter-bootstrap - 响应式网站在移动设备上缩小至全宽，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19156510/