我已经在 iPhone 本地 上成功测试了我网站的响应式设计,但是当我部署它时响应式设计:
- 在我的桌面上调整浏览器大小时有效
- 不要在我的 iPhone 上工作
当我说它有效时,我的意思是我可以看到它为小型设备切换 Bootstrap 导航栏,使用我的自定义 css 媒体查询等。
我的 html 中有这些元数据:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我遇到的答案提到了元标记,但它已经出现在我的网站上(我使用了 HTML5 Boilerplate starter)。还有其他想法吗?
最佳答案
我终于找到了问题...与我的代码无关,而是与从我的域名重定向到我的托管页面有关。我的提供者使用的是基本上消除了我的 HTML 标签(以及因此我的 <meta>
标签)的 html 包装器。我所做的只是查看 HTML 并发现发生了一些奇怪的事情......我停止使用他们奇怪的网络重定向并开始正确配置我的 DNS。现在一切正常。
关于html - 部署后响应式设计在 iPhone 上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26452441/