ios - 当“在后台打开新标签”选项打开时，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

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

你知道吗？