Bootstrap：响应式无法在手机上工作，但包含视口答案

【问题标题】：Bootstrap: Responsive not working on phone altough viewport includedBootstrap：响应式无法在手机上工作，但包含视口
【发布时间】：2014-09-22 22:43:56
【问题描述】：

我的引导页面是响应式设计的。视口按要求说明：

`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`

（没有反引号）

在我测试的浏览器（Safari、Chrome、Firefox）中，响应性很好。

但是，iPhone 和其他智能手机始终显示桌面视图。

我做错了什么？这是一个供您查看的测试页面（对不起，它仍然有点混乱）： http://zhaw.warnez-services.ch/NaKt/stackoverflow.php（链接已更新）

有趣的是，使用 Cloaking 服务，他们会发送自己的头部并隐藏我的视口指令。

感谢您的任何提示。

【问题讨论】：

【解决方案1】：

尚未添加视口标签。

在 HTML/PHP 的 <head></head> 中添加 <meta name="viewport" content="width=device-width, initial-scale=1.0" />。

【讨论】：

秒杀我！ +1
谢谢，但不，它已包含在内。但是我使用的伪装服务（nic.ch.vu）正在压制它——不知道为什么。我更新了上面的链接，以便您可以看到真实的东西。伪装是一个不同的问题
什么是伪装服务？
@DavidG 还没有结束。 +0
@nic 从技术上讲，这个答案是正确的，因此可以被接受，或者至少被赞成。另一种选择是关闭问题，因为它是a problem that can no longer be reproduced or a simple typographical error

【解决方案2】：

问题是/是隐形服务。 (nic.ch.vu)。它允许隐藏真实地址并使用免费和自定义的地址对其进行伪装。

如果您选择隐藏选项，您在地址栏中输入的地址将永远不会改变，无论您点击什么。

这些服务发送了它们自己的头部部分，并且视口标签由于某种原因被抑制。

如果遇到同样的问题，必须禁用伪装或使用真实地址。

感谢所有发帖者的帮助！

【讨论】：

【解决方案3】：

嗯，您提供的页面似乎在其源代码中缺少 meta - viewport 标记。

【讨论】：

【解决方案4】：

您的元标记是正确的，嗯，我看到您只有一个 css 链接“”...问题是压制性的吗？如果没有，请查看这些关于响应式设计的教程也对我有所帮助。 http://www.sitepoint.com/building-responsive-websites-using-twitter-bootstrap/ http://getbootstrap.com/css/

希望对你有帮助

【讨论】：