【问题标题】:iOS landscape @media query issuesiOS 横向@media 查询问题
【发布时间】:2012-08-03 09:29:54
【问题描述】:

我创建了一个简单的网站,我正在尝试使其具有响应性 - 可以在 http://www.teamlist.co 上查看它。我使用@media 查询来定位 iOS,它在纵向方向上看起来不错,但在横向方向上不适合 width:100%。我发现这在 iPhone 4 和 iPad 上都是正确的。关于为什么会发生这种情况的任何想法?

【问题讨论】:

    标签: css ios webkit media


    【解决方案1】:

    经过一些研究,我发现这是 iOS 中长期存在的错误,但 Filament 小组的 Scott 开发了一个有趣的解决方法脚本,我正在尝试。将它包含在我的违规页面上,它似乎可以解决问题:

    http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/

    你可以在github上找到代码:

    https://github.com/scottjehl/iOS-Orientationchange-Fix#readme

    到目前为止,它是救命稻草!

    【讨论】:

      【解决方案2】:

      他们不是针对屏幕尺寸而不是 iOS 吗?从我记得看到的关于它们的情况来看,您可能需要针对所有可用的宽度

      【讨论】:

      • 这就是我正在做的。我的目标是屏幕尺寸/设备。我现在意识到它实际上是在识别 @media 查询本身,只是没有识别宽度,宽度设置为 100%。
      • 这很有趣。抱歉,我不熟悉像这样更深层次的 iOS 网页设计,但祝你好运。
      猜你喜欢
      • 2012-02-03
      • 2014-07-19
      • 1970-01-01
      • 2013-02-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-03
      相关资源
      最近更新 更多