2014-12-06 122 views
1

我有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 - 在手机上的实际外观 - 类似桌面版本,网格没有做出响应)引导3网格不能在移动设备上缩放

编辑:问题发生在我使用* .tk别名时,当我进入我的网站使用原来的域名,它工作得很好。任何人有一些想法为什么会发生?

回答

4

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

+0

我已经写了,我已经包含这个标记。 – Baxet 2014-12-06 14:56:56

+0

是的,我注意到太晚了,不知道它是否在''而不是''。我想不出为什么会发生这种情况。你是否可以在web服务器上运行html + css?或者你可以从它创建一个jsfiddle吗? – ckuijjer 2014-12-06 14:58:22

+0

绝对在''中。如果你是如此友好来检查它,它在这里在线:http://psychiatraplockgostynin.pl/123/ – Baxet 2014-12-06 15:02:27

相关问题