Wie man Querformat Media Queries für Tab und Handy in CSS einstellen?

Question

Ich erstelle eine Android-App mit Web-Ansicht.Meine App immer im Querformat-Modus geöffnet.Ich brauche unterschiedliche UI für mobile und Tab (beide im Querformat-Modus). Wie Landscape Media Queries für Tab und Handy in CSS einstellen?

Answer 1

Für eine Medien Abfrage Landschaft zu setzen, müssen Sie die Eigenschaft orientation wie folgt verwenden:

@media all and (orientation: landscape) { ... } 

nur mobil, Tabs zielen, Computerbildschirme, die Sie benötigen screen die Regel zu verwenden. Also das Endergebnis ist etwa so:

@media screen and (orientation: landscape) { ... }