响应式设计在部署后无法在iPhone上运行

时间:2014-10-19 16:07:16

标签: html css iphone twitter-bootstrap responsive-design

我已经在iPhone 本地上成功测试了我的网站的响应式设计,但当我部署时,响应式设计:

  • 在我的桌面上调整浏览器大小时可以正常工作
  • 不能在我的iphone上工作

当我说它工作时,我的意思是我可以看到它切换小型设备的Bootstrap导航栏,使用我的自定义css媒体查询等。

我的html中有这些元:

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

我遇到的答案提到了meta标签,但它已经存在于我的网站上(我使用了HTML5 Boilerplate启动器)。还有其他想法吗?

2 个答案:

答案 0 :(得分:1)

我终于找到了问题...与我的代码完全无关,而是从我的域名重定向到托管页面。我的提供者使用的是一个html包装器,它基本上删除了我的HTML标签(以及我的<meta>标签)。我所做的只是看着HTML并发现一些奇怪的事情发生了......我停止使用奇怪的网页重定向并开始正确配置我的DNS。现在一切都很好。

答案 1 :(得分:0)

您可以寻找的一件事是css媒体查询可能专门针对iPhone或智能手机,并阻止他们显示响应行为,同时保持桌面浏览器不受影响。

例如注释掉或重新检查目标的任何css媒体查询(min-device-width:x)或(max-device-width:y)

或者,发布一个URL,以便我们检查css

祝你好运