我的引导页面是相应设计的。视口按要求声明:
`<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
(没有反叛)
在我测试的浏览器(Safari,Chrome,Firefox)中,响应度很好。
但是,iPhone和其他智能手机始终显示桌面视图。
我做错了什么?这是一个测试页面供您查看(抱歉,它仍然有点混乱): http://zhaw.warnez-services.ch/NaKt/stackoverflow.php(链接更新)
有趣的是,使用隐形服务,他们发送自己的头部并禁止我的视口说明。
感谢您的任何提示。
答案 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/
希望有所帮助