Safari ignora le query multimediali quando l'opzione "apri nuove schede in background" è attiva. iPad iOS 5+

Question

Si è verificato un problema in cui Safari su un iPad 2 con iOS 5.1.1 sta ignorando le query multimediali quando apre un collegamento in una nuova scheda. Questo accade solo quando è attiva l'opzione "apri nuove schede in background".

È possibile visualizzare un semplice esempio a: http://www.pauluscreative.com/mq/

di riprodurre il problema:

1. Tenere il link "test" per far apparire il menu.
2. scegli "Apri in nuova scheda"

Idealmente si dovrebbe vedere solo una scatola blu, il rosso dovrebbe essere nascosto dalla media query. Il risultato è che vedi entrambe le scatole.

Ho usato il seguente 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> 

Si tratta di un problema noto, il comportamento previsto, una media query cattivo o un problema con Safari.

Qualche suggerimento su come risolvere questo problema?

Grazie

Answer 1

Nel tuo esempio fornito (il link) le media query sono mancanti. Ma il link di prova punta a un altro documento dove sono inclusi.

Ne sei consapevole?