Gibt es eine CSS @Media -Abfrage, die eine Landschaft oder ein Porträtdisplay identifizieren kann?? [abgeschlossen]

1. So erfassen Sie den Landschaftsmodus in CSS?
2. Welche CSS -Medienabfragen Feature enthält Keyword -Werte von Landschaft und Porträt?
3. Was ist der Unterschied zwischen @Media All und @Media Screen?
4. Was @Media in CSS macht?

So erfassen Sie den Landschaftsmodus in CSS?

Lösung mit CSS -Medienabfragen

Im Folgenden verwenden wir die Ausrichtung @Media -Abfrage und lassen den Inhalt das Layout anpassen, je nachdem, ob sich das Browserfenster im Landschaftsmodus befindet (die Breite ist größer als die Höhe) oder Porträtmodus (die Höhe ist größer als die Breite).

Welche CSS -Medienabfragen Feature enthält Keyword -Werte von Landschaft und Porträt?

Die Orientierungs -CSS -Medienfunktion kann verwendet werden, um die Orientierung des Ansichtsfensters (oder das Seitenfeld für ausgelastete Medien) zu testen. Hinweis: Diese Funktion entspricht nicht der Geräteorientierung.

Was ist der Unterschied zwischen @Media All und @Media Screen?

@Media ist die eigentlich Medienabfrage. Der Wortbildschirm fügt der Medienabfrage die "Bedingungen" hinzu. So fordert der Bildschirm @Media die Medienabfrage an (unabhängig von anderen Bedingungen) auf Bildschirme. Zum Beispiel werden @Media Screen und (max-Width: 360px) nur Bildschirme mit einer maximalen Breite von 360px abzielen.

Was @Media in CSS macht?

Das @media CSS AT-RUE kann verwendet werden, um einen Teil eines Stylesheets auf der Grundlage eines oder mehrerer Medienabfragen anzuwenden. Damit geben Sie eine Medienabfrage und einen CSS -Block an, um sie auf das Dokument zu bewerben, wenn die Medienabfrage mit dem Gerät übereinstimmt, auf dem der Inhalt verwendet wird.