5

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 の問題ですか。

これを修正する方法について何か提案はありますか?

ありがとう

4

1 に答える 1

0

提供された例 (リンク) では、メディア クエリが欠落しています。しかし、テスト リンクは、それらが含まれている別のドキュメントを指しています。

あなたはそれを知っていますか？

于 2012-12-04T17:04:33.043 に答える