Bootstrap XS 版本无法在手机和平板电脑上运行答案

【问题标题】：Bootstrap XS version not working on phone and tabletBootstrap XS 版本无法在手机和平板电脑上运行
【发布时间】：2014-01-02 13:13:14
【问题描述】：

我正在使用 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）在这两种设备上都可以正常运行。我错过了什么？

提前致谢！

【问题讨论】：

【解决方案1】：

你是对的，你已经包含了<meta> 标签。但它在框架中。

通过检查您的代码，它不在主要的<head> 中。所以也将它包含在该部分中。

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

我也不确定，响应式是否可以在 iframe 上工作，如果 iframe 不工作，你应该避免使用。

【讨论】：

感谢您的回复。通常，我在发布问题大约 3.14 秒后才意识到框架可能是问题所在。
将其标记为答案，以便其他人可以受益:-)
但是，框架是由我的域名提供商生成的，我无法修改它。框架内有解决方案吗？
如果您为域名付费，您有权要求他们删除。
我可以切换到重定向而不是框架。缺点是我的域随后被我的 000webhost 子域替换，这远不那么漂亮。我想知道框架内的页面是否有解决方案。也许用不同的东西替换设备宽度？