Bootstrap 3 网格在移动设备上无法缩放

问题描述 投票：0回答：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">
标签。屏幕截图在这里：https://i.stack.imgur.com/1vTp9.jpg（1 - 在桌面上测试，2 - 在移动设备上的实际外观 - 就像桌面版本，网格未设为“响应式”）

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

html css mobile twitter-bootstrap-3
1个回答
4
投票

您可能需要将 

viewport
标签添加到 HTML 的 
<head>
部分：

<meta name="viewport" content="width=device-width, initial-scale=1">
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.