我正在使用Bootstrap设计我的站点（danielrojas.net），并为XS视口创建了一个单独的布局。当我调整桌面浏览器（Chrome）的大小以及在Responsinator.com或类似网站上试用它时，它的工作效果非常好。
然而，在我的实际Android手机和平板电脑上（均使用Chrome，并使用内置浏览器进行测试），无论如何都会显示标准版本。我已经包含了魔术视口META标签：
<meta name="viewport" content="width=device-width, initial-scale=1">
无济于事。我正在使用自定义的Bootstrap CSS，但即使加载官方的CSS，仍然存在同样的错误。
其他网站（例如getbootstrap.com）在两台设备上均可正常运行。我错过了什么？
提前致谢！
答案 0 :(得分：9)
您已包含<meta>标记，这是对的。但它在框架中。
通过检查您的代码，它不在主<head>中。所以也包括在那部分中。
<meta name="viewport" content="width=device-width, initial-scale=1">
我也不确定，响应会对iframe起作用，如果iframe不起作用，你应该避免使用iframe。