当"open new tabs in background"选项打开时，Safari 浏览器会忽略媒体查询。iPad iOS 5+

Question

我遇到了一个问题，即运行iOS 5.1.1上的iPad 2上的Safari在打开链接到新选项卡时忽略了媒体查询。仅当打开"背景中的新选项"选项时，才会发生。

您可以在以下网址查看一个简单的示例：http：//www.pauluscreative.com/mq/

复制问题：

1. 保留"测试"链接以提高菜单。
2. 选择"在新标签中打开"

理想情况下，您应该只看到一个蓝色框，红色应被媒体查询隐藏。结果是您看到了两个框。

我已经使用了以下CSS：

<style>
    #red {  height: 40px; width: 40px; background-color: #FF0000;  }
    #blue {  height: 40px; width: 40px; background-color: #0000FF;  }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
            #red { display: none; }
    }
</style>

这是一个已知的问题，预期的行为，不良的媒体查询或Safari的问题。

有关如何解决此问题的任何建议？

谢谢

Answer 1

在您提供的示例（链接）中丢失了媒体查询。但是测试链接指向另一个文档。

您知道吗？