Design und Farbe

CSS-Medienabfrage erstellen

CSS-Medienabfrage erstellen — Daten eingeben und Format oder Inhalt prüfen. Eingabehilfe: Minimale Ansichtsbreite (px), Maximale Ansichtsbreite (px). Ohne Konto.

Ohne Konto

Werkzeug wird geladen…

So funktioniert es

  1. 1Eingabehilfe: Minimale Ansichtsbreite (px), Maximale Ansichtsbreite (px).
  2. 2Werkzeug starten und Ergebnis prüfen.
  3. 3Ergebnis kopieren / Ergebnisdatei speichern.

Gut zu wissen

Zuerst das Ausgabeformat am Beispiel prüfen. Original behalten und umgewandelte Werte, Leerzeichen und Zeilenumbrüche vor Verwendung kontrollieren.

Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)

Berechnetes Ein- und Ausgabebeispiel

Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.

Beispieleingabe

FeldWert
Minimale Ansichtsbreite (px)
640
Maximale Ansichtsbreite (px)
1280

Beispielergebnis

@media (min-width: 640px) and (max-width: 1280px) {
  .element {
    display: block;
  }
}

Ähnliche Werkzeuge

Alle Werkzeuge