我遇到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;)
答案 0 :(得分:4)
您可能需要将视口标记<meta name="viewport" content="width=device-width, initial-scale=1">
添加到HTML的<head>
部分。