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

【问题标题】：Bootstrap 3 grid doesn't scale on mobileBootstrap 3 网格无法在移动设备上扩展
【发布时间】：2014-12-08 16:39:52
【问题描述】：

我在使用 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 - 在移动设备上的实际外观 - 类似于桌面版本，网格没有“响应”）

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

【问题讨论】：

标签： html css mobile twitter-bootstrap-3

【解决方案1】：

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

【讨论】：

是的，我注意到为时已晚，想知道它是否在 <body> 而不是 <head> 中。我想不出发生这种情况的任何其他原因。您是否可能将 html + css 放在网络服务器上？或者你可以从中创建一个 jsfiddle 吗？
肯定在<head>。如果你好心检查一下，它在这里在线：psychiatraplockgostynin.pl/123
我猜这确实是max-width: 768px 媒体查询。屏幕截图还表明您的手机屏幕大于 768 像素。也许让它更大的数字（或者只有更大的数字是横向的？）
我的 iPhone 在横向和纵向模式下看起来都很好（据我了解这个问题）。我只能建议您通过删除 html 和 css 来使问题更容易掌握，直到问题消失或被隔离。
.tk 在框架中打开您的页面。 .tk 页面本身没有视口标签 :)