我已经在iPhone 本地上成功测试了我的网站的响应式设计,但当我部署时,响应式设计:
当我说它工作时,我的意思是我可以看到它切换小型设备的Bootstrap导航栏,使用我的自定义css媒体查询等。
我的html中有这些元:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我遇到的答案提到了meta标签,但它已经存在于我的网站上(我使用了HTML5 Boilerplate启动器)。还有其他想法吗?
答案 0 :(得分:1)
我终于找到了问题...与我的代码完全无关,而是从我的域名重定向到托管页面。我的提供者使用的是一个html包装器,它基本上删除了我的HTML标签(以及我的<meta>
标签)。我所做的只是看着HTML并发现一些奇怪的事情发生了......我停止使用奇怪的网页重定向并开始正确配置我的DNS。现在一切都很好。
答案 1 :(得分:0)
您可以寻找的一件事是css媒体查询可能专门针对iPhone或智能手机,并阻止他们显示响应行为,同时保持桌面浏览器不受影响。
例如注释掉或重新检查目标的任何css媒体查询(min-device-width:x)或(max-device-width:y)
或者,发布一个URL,以便我们检查css
祝你好运