Bootstrap 3网格无法在移动设备上扩展

时间:2014-12-06 14:38:07

标签: html css mobile twitter-bootstrap-3

我遇到Bootstrap 3的问题 - 当我通过缩小页面检查桌面上的响应功能时,它可以正常工作。它也适用于responsinator.com等(来自桌面测试的scr: 但是当我尝试在Android手机上查看它时,它会获得应有的所有样式,在我的CSS中给出,但引导网格无法正确扩展 - 它看起来就像桌面版本,但缩小了。我使用像@media screen and (max-width: 768px),screen and (max-device-width: 768px)这样的媒体查询,这可能是个问题吗?如果需要,我的CSS文件是http://pastebin.com/zsUQ78q5。我在索引文件中包含了<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">标记。屏幕截图如下:http://imgur.com/a/MXCjO(1 - 在桌面上进行测试,2 - 在移动设备上实际观看 - 如桌面版,未制作网格&#34;响应&#34;)

编辑:当我使用* .tk别名时出现问题,当我使用原始域名进入我的网站时,它工作得很好。有人知道为什么会这样吗?

1 个答案:

答案 0 :(得分:4)

您可能需要将视口标记<meta name="viewport" content="width=device-width, initial-scale=1">添加到HTML的<head>部分。