Aktive Breakpoints für eine Viewport-Breite

Frontend-Entwickler und Designer können eine Breite eingeben, wenn sie wissen müssen, welche Schwellen des Layouts für diesen Viewport gelten.

Testen Sie eine vorgegebene Breite, sehen Sie die dafür aktiven Layout-Schwellen und erkennen Sie die tatsächlich betroffenen Breakpoints.

Bedienung

Geben Sie im ersten Feld die Breite in Pixeln ein, die Sie testen möchten.
Fügen Sie im zweiten Feld einen oder mehrere Schwellenwerte hinzu, jeweils einen pro Zeile.
Führen Sie den Test aus, um zu sehen, welche Schwellenwerte mit der von Ihnen angegebenen Breite übereinstimmen.
Lesen Sie das Ergebnis und leeren Sie dann die Felder, um eine andere Breite zu testen.
Wiederholen Sie den Vorgang mit anderen Breiten, wenn Sie mehrere Bildschirmgrößen prüfen müssen.

Beispiel

Mit der Beispieleingabe vergleicht das Werkzeug die eingegebene Breite mit den aufgeführten Schwellenwerten und zeigt an, welche aktiv sind. Das Ergebnis hilft Ihnen zu verstehen, welche Layout-Breakpoints für diese Bildschirmbreite gelten.

Eingabe

Grenzen und Formate

Das Werkzeug vergleicht Zahlen; es misst kein echtes Gerät und simuliert keinen Browser.
Jeder Schwellenwert muss in einer eigenen Zeile eingegeben werden und ein numerischer Wert bleiben.
Ein falsch geschriebener Schwellenwert oder eine leere Zeile kann die Interpretation verfälschen.
Das Ergebnis hängt nur von den von Ihnen angegebenen Werten ab, nicht von Ihrem tatsächlichen Stylesheet.
Das Werkzeug rendert die Seite nicht und ist kein Ersatz für Gerätetests.

Wo die Verarbeitung stattfindet

Der Vergleich läuft in Ihrem Browser ab. Die Breite und die Schwellenwerte, die Sie eingeben, werden an keinen Dienst gesendet, und nach dem Schließen der Seite wird nichts aufbewahrt.

Häufige Fragen

Was bedeutet ein aktiver Schwellenwert für eine Breite?

Ein Schwellenwert ist aktiv, wenn er gemäß der Vergleichslogik des Werkzeugs mit der getesteten Breite übereinstimmt. Das Ergebnis hilft Ihnen zu erkennen, welche Breakpoints für diese Bildschirmgröße relevant sind.

Kann ich mehrere Breiten gleichzeitig testen?

Nein, das Werkzeug verarbeitet eine Breite pro Durchlauf. Leeren Sie das Feld und führen Sie den Test erneut aus, um eine andere Größe zu prüfen.

Müssen die Schwellenwerte in einer bestimmten Reihenfolge sortiert sein?

Sie können sie in beliebiger Reihenfolge eingeben, solange pro Zeile ein Wert steht. Das Werkzeug vergleicht sie mit der angegebenen Breite und zeigt an, welche übereinstimmen.