Bootstrap:响应不在手机上工作,包括视口

时间:2014-09-22 14:20:08

标签: html css twitter-bootstrap responsive-design

我的引导页面是相应设计的。视口按要求声明:

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

(没有反叛)

在我测试的浏览器(Safari,Chrome,Firefox)中,响应度很好。

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

我做错了什么?这是一个测试页面供您查看(抱歉,它仍然有点混乱): http://zhaw.warnez-services.ch/NaKt/stackoverflow.php(链接更新)

有趣的是,使用隐形服务,他们发送自己的头部并禁止我的视口说明。

感谢您的任何提示。

4 个答案:

答案 0 :(得分:10)

尚未添加视口标记。

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

答案 1 :(得分:1)

问题在于隐形服务。 (nic.ch.vu)。 它允许隐藏真实地址并使用免费和自定义地址伪装它。

如果您选择隐藏真实内容选项,则无论您点击什么,地址栏中输入的地址都不会更改。

这些服务发送了自己的头部分,并且视口标记因某种原因被抑制。

如果您遇到同样的问题,必须禁用隐藏或使用真实地址。

感谢所有海报的帮助!

答案 2 :(得分:0)

好吧,您提供的页面似乎缺少其源代码中的元视口标记。

答案 3 :(得分:-2)

你的元标记是正确的,嗯,我看到你只有一个css链接&#34;&#34; ...问题是压制性的吗?如果没有看到这些关于reponsive设计的教程也帮助了我。 http://www.sitepoint.com/building-responsive-websites-using-twitter-bootstrap/ http://getbootstrap.com/css/

希望有所帮助