2014-10-19 70 views
1

后,响应的设计,我已经成功地测试了在iPhone上本地我的网站的响应式设计,但是当我部署它的响应式设计:不工作在iPhone上部署

  • 作品调整了浏览器的大小时,我的桌面上
  • 当我说不会在我的iPhone

工作,它的工作原理我我一个我可以看到它切换用于小型设备的引导的导航栏,使用我的自定义CSS媒体查询等

我有这些元在我的html:

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

我所遇到提这些问题的答案元标记,但它已经出现在我的网站上(我使用了HTML5 Boilerplate starter)。任何其他想法?

+0

你说你在iPhone上本地测试了你的设计 - 你能澄清你的意思吗? – mknadler 2014-10-19 17:50:02

回答

1

我终于找到了问题......一点也不涉及到我的代码,但是从我的域名托管我的网页重定向。我的提供者正在使用基本上消除了我的HTML标签(因此我的<meta>标签)的html包装。我所做的只是查看HTML并找出奇怪的事情发生......我停止使用他们的奇怪的Web重定向,并开始配置我的DNS权利。现在一切正常。

0

你可以寻找的一件事是可能专门针对iPhone或智能手机的css媒体查询,并阻止它们显示响应行为,同时让桌面浏览器不被触动。

例如注释或重新检查靶向任何CSS媒体查询(最小 - 设备宽度:x)或(最大设备宽度:Y)

可替代地,后一个URL,所以我们可以检查CSS的

好运

+0

谢谢你的帮助:)。必须在SO上发布这些信息才能认识到真正的问题(参见上面的答案)。 – vanna 2014-10-24 07:41:24