「新しいタブをバックグラウンドで開く」オプションがオンの場合、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

あなたの提供された例（リンク）には、メディアクエリがありません。 しかし、テストリンクはそれらが含まれている別のドキュメントを指しています。

ご存知ですか？