当“打开背景中的新选项卡”选项打开时,Safari会忽略媒体查询. iPad iOS 5

概述我遇到了一个问题,即运行iOS 5.1.1的iPad 2上的Safari在打开新选项卡的链接时忽略了媒体查询.仅当打开“在后台打开新选项卡”选项时才会发生这种情况. 您可以在以下位置查看简单示例：http://www.pauluscreative.com/mq/ 要重现此问题： >按住“测试”链接以显示菜单. >选择“在新标签页中打开” 理想情况下,您应该只看到一个蓝色框,红色应该被媒体查询隐藏. 我遇到了一个问题,即运行iOS 5.1.1的iPad 2上的Safari在打开新选项卡的链接时忽略了媒体查询.仅当打开“在后台打开新选项卡”选项时才会发生这种情况.

您可以在以下位置查看简单示例：http://www.pauluscreative.com/mq/

要重现此问题：

>按住“测试”链接以显示菜单.
>选择“在新标签页中打开”

理想情况下,您应该只看到一个蓝色框,红色应该被媒体查询隐藏.结果是你看到两个盒子.

我使用了以下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问题.

对于如何解决这个问题,有任何的建议吗？

谢谢

解决方法 在您提供的示例(链接)中,缺少媒体查询.
但测试链接指向包含它们的另一个文档.

你知道吗？

总结

以上是内存溢出为你收集整理的当“打开背景中的新选项卡”选项打开时,Safari会忽略媒体查询. iPad iOS 5全部内容，希望文章能够帮你解决当“打开背景中的新选项卡”选项打开时,Safari会忽略媒体查询. iPad iOS 5所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。