Medienabfrage funktioniert nicht auf Mobile. Css

Question

Ich weiß, es ist ein langer Weg, aber ich habe eine Medienabfrage für Landschaft. Es funktioniert gut auf Chrom-Emulator etc .. Aber wenn ich es sehe auf dem iPhone und Android, die Medien Abfrage tritt nicht in.

@media screen and (orientation:landscape) and (max-height: 414px) { 
    #flip-container { 
     display: block; 
    } 
    .text { 
     display: none; 
    } 
    .nav { 
     display: none; 
    } 
    .logo { 
     display: none; 
    } 
} 

Answer 1

Ich denke, es ist wegen des max-height ist. Versuchen Sie es mit max-Breite.

Answer 2

Können Sie

@media screen and 
min-width: XXX px and 
max-width: XXX px and 
and (orientation:landscape) { 
//your css code 

} 

Und für iPhone geben, ich verwende XCODE für Simulator und dann dort testen, um zu überprüfen, ob es eine Ausgabe mit ihm ist. Manchmal funktioniert Chrome Emulator nicht richtig.

Ebenso, wenn Sie versuchen, bestimmte iPad zu zielen, können Sie iPad Medienabfragen verwenden.