html - 部署后响应式设计在 iPhone 上不起作用

标签 html css iphone twitter-bootstrap responsive-design

我已经在 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/

相关文章:

html - Safari 中奇怪的按钮轮廓

html - margin 自动不起作用

html - <div> 溢出 "float:right"

iphone - UITableView 在 Forground 状态下 Enter 后不重新加载数据

iphone - ALAssetsLibrary 获取视频路径稍后播放

iphone - 确定代码中的错误来源-iPhone

javascript - Bootstrap 3 文档的无缝输入字段 css

html - 再次 margin 帮助

javascript - 使用 css 的响应之字形布局?

jquery - css/jquery/velocity.js 删除效果