for*_*702 8 mobile responsive-design twitter-bootstrap-3
我正在使用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)在两台设备上都能正常运行.我错过了什么？
提前致谢!
你包含<meta>标签是对的.但它在框架中.
通过检查你的代码,它不在主要的<head>.所以也包括在那部分中.
<meta name="viewport" content="width=device-width, initial-scale=1">
我也不确定,响应将在iframe上运行,如果它不起作用,你应该避免使用iframe.
| 归档时间： |
|
| 查看次数： |
2165 次 |
| 最近记录： |