Stellen Sie vor, was eine Medienabfrage ist

Was ist der Kern der Lernmedienabfrage?

werden verschiedene Geräte in verschiedene Typen unterteilt:

alle (alle Geräte)

Drucken (Druckgerät)

Bildschirm (Computerbildschirm, Tablet, Smartphone)

Medieneigenschaften

zur Beschreibung des Geräts verwendet Funktionen wie Breite, Höhe ...

width Der Anzeigebereich der Webseite entspricht vollständig der eingestellten Breite.

height Der Anzeigebereich der Webseite entspricht vollständig der eingestellten Höhe.

max-width / max-height Die Anzeige der Webseite Bereich ist kleiner oder gleich der eingestellten Breite

min-width / min-width Der Anzeigebereich der Webseite ist größer oder gleich der eingestellten Breite

Ausrichtung: Hochformat (vertikaler Bildschirmmodus) | Querformat (horizontaler Bildschirmmodus)

Syntax-Schlüsselwort

Zweck verknüpft Medientypen und Medieneigenschaften mit einem Stück, führt eine Geräteerkennung durch

und mehrere Medienfunktionen können mit einem Stück verknüpft werden, was äquivalent ist und

eine bestimmte Medienfunktion nicht ausschließt zu non, was weggelassen werden kann

gibt nur einen bestimmten Medientyp an, der weggelassen werden kann

Grammatik

Externe Syntax

<link rel="stylesheet" type="text/css" href="01.css" media="only screen and (max-width: 420px)">

- 内嵌式语法
      @media only screen  and (max-width: 420px) {
      	body {
      		background-color: red;
      	}
      }
      
      备注: 多个条件联写
      @media only screen and (width: 320px) and (height: 568px) {}

Verwandte Empfehlungen:

HTML-Tutorial

Das obige ist der detaillierte Inhalt vonStellen Sie vor, was eine Medienabfrage ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!