Mobile Bootstrap XS版本不适用于手机和平板电脑

Mobile Bootstrap XS版本不适用于手机和平板电脑,mobile,responsive-design,twitter-bootstrap-3,Mobile,Responsive Design,Twitter Bootstrap 3,我正在使用Bootstrap设计我的站点(),并为XS视口创建了一个单独的布局。当我调整桌面浏览器(Chrome)的大小以及在Responsinator.com或类似网站上试用时,它的效果非常好 然而,在我实际的Android手机和平板电脑上(都使用Chrome,也使用内置浏览器进行测试),无论发生什么情况,都会显示标准版本。我已经包含了magic viewport元标记: <meta name="viewport" content="width=device-width, initial

我正在使用Bootstrap设计我的站点(),并为XS视口创建了一个单独的布局。当我调整桌面浏览器(Chrome)的大小以及在Responsinator.com或类似网站上试用时,它的效果非常好

然而,在我实际的Android手机和平板电脑上(都使用Chrome,也使用内置浏览器进行测试),无论发生什么情况,都会显示标准版本。我已经包含了magic viewport元标记:

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

无济于事。我使用的是定制的引导CSS,但即使加载官方的CSS,同样的错误仍然存在

其他网站(如getbootstrap.com)在这两种设备上都可以正常工作。我错过了什么


提前谢谢

您包含了
标记,这是对的。但它在框架内

通过检查代码,它不在主
中。所以也把它包括在这一部分

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


我也不确定,responsive将在iframe上工作,如果iframe不工作,您应该避免使用。

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