Kostenloser Bildschirmauflösungs-Tester
Ihre aktuelle Browserfenstergröße, Bildschirmauflösung, Geräte-Pixelverhältnis und den aktiven Tailwind-Breakpoint sehen. Aktualisiert sich in Echtzeit bei Größenänderung. Keine Anmeldung erforderlich.
100% kostenlos — kein Konto erforderlich
0 x 0
Fenstergröße
Bildschirmauflösung
0 x 0
Gerätepixelverhältnis
1x
Ausrichtung
Querformat
Tailwind-Breakpoint
Gerätezuordnungen
Funktionen von Kostenloser Bildschirmauflösungs-Tester
Echtzeit-Browser- und Bildschirmmetriken
Tailwind-Breakpoints
Wissen, welcher Tailwind-CSS-Breakpoint (sm/md/lg/xl/2xl) gerade aktiv ist.
Geräte-Zuordnung
Sehen Sie, welche gängigen Geräte zu Ihrer aktuellen Fenstergröße passen.
Pixelverhältnis
Ihr Geräte-Pixelverhältnis sehen — wichtig für Retina/High-DPI-Displays.
Live-Updates
Alle Werte aktualisieren sich sofort, wenn Sie Ihr Browserfenster vergrößern/verkleinern.
Häufig gestellte Fragen
Was ist das Geräte-Pixelverhältnis?
DPR ist das Verhältnis zwischen physischen Pixeln und CSS-Pixeln. Ein DPR von 2 (Retina) bedeutet, dass jeder CSS-Pixel durch 4 physische Pixel dargestellt wird.
Warum unterscheidet sich meine Auflösung von meinen Bildschirmspezifikationen?
Browserfenstergröße ≠ Bildschirmauflösung. Das Fenster ist normalerweise kleiner als der Bildschirm, und DPR-Skalierung bedeutet, dass CSS-Pixel sich von physischen Pixeln unterscheiden.
Was sind Tailwind-Breakpoints?
sm: 640px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1536px. Ihr Layout ändert sich bei diesen Breiten im Tailwind-CSS Responsive Design.
Responsive Inhalte erstellen
Ihre responsiven Designs auf verschiedenen Geräten testen.