ios - 当 "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

在您提供的示例(链接)中，缺少媒体查询。但是测试链接指向包含它们的另一个文档。

你知道吗？