CSS: Breakpoints springen zu früh um im Firefox. Grund vertikaler Scrollbalken?

[Oli]

Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?

Wenn ich im Inspektor über den Button "Bildschirmgrößen testen" die Breakpoints teste, funktionieren diese nämlich auf den Pixel genau. Da ist der Scrollbalken auch Teil der Website selbst und verdrängt den Viewport nicht wie in der normalen Browser-Ansicht.

[Gunnar Bittersmann]

@@Oli

Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?

Ist meine Vermutung richtig, dass die fehlende Verlinkung deiner Seite Grund dafür ist, dass Glaskugeln im Kreis umherspringen?

funktionieren diese nämlich auf den Pixel genau.

Fehler. „Pixelgenau“ funktioniert nicht.

Da ist der Scrollbalken auch Teil der Website selbst und verdrängt den Viewport nicht wie in der normalen Browser-Ansicht.

Was normal ist, ist von Betriebssystem zu Betriebssystem (und evtl. auch von Browser zu Browser) unterschiedlich.

LLAP 🖖

[Auge]

Hallo

Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?

Ja, der Firefox berechnet die Seitenbreite ohne den Scrollbalken. Das bedeutet auch, dass zentrierte Seiten, die nicht die volle Viewporthöhe einnehmen, einen halben Scrollbalken weiter rechts positioniert wird, als eine, die länger als ein Viewport ist.

Im Internet Explorer beispielsweise war das nie ein Problem, weil dieser auch bei kurzen Seiten einen funktionslosen Scrollbalken ausgegeben hat.

Wenn ich im Inspektor über den Button "Bildschirmgrößen testen" die Breakpoints teste, funktionieren diese nämlich auf den Pixel genau. Da ist der Scrollbalken auch Teil der Website selbst und verdrängt den Viewport nicht wie in der normalen Browser-Ansicht.

Dort gibt es auch keinen Scrollbaklen, solange er nicht benutzt wird (die Seite nicht gescrollt wird). Selbst dann, wenn er benutzt wird, wird er nicht neben der Seite eingeblendet, wobei er dieser Platz weg nimmt, sondern er wird über die Seite gesetzt.

Im allgemeinen ist das aber überhaupt kein Problem. Außer dir wird niemand die Entwicklertools bemühen, um die verschiedenen Verhalten zu bemerken. Die Seite ist so breit, wie sie ist; mit oder ohne Scrollbalken.

Im Übrigen liest sich deine Frage so, als ob du die Breakpoints an Pixelmaßen festmachst. Wenn das so ist, ist das nicht ideal. Besser sind relative Maße, die an die Schriftgröße gebunden sind (beispielsweise em, rem). Dann reagiert der Breakpoint auch auf eine im Browser festgelegte andere Schriftgröße oder Schriftart, die andere Proportionen als die von dir gedachte Schriftart hat.

Tschö, Auge

[Der Martin]

Hallo,

Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?

kann ich jetzt nicht klar mit Ja oder Nein beantworten.

Wenn ich im Inspektor über den Button "Bildschirmgrößen testen" die Breakpoints teste, funktionieren diese nämlich auf den Pixel genau. Da ist der Scrollbalken auch Teil der Website selbst und verdrängt den Viewport nicht wie in der normalen Browser-Ansicht.

Zumindest zählt der Scrollbalken nicht zur Breite/Höhe des jeweiligen Elements. Wenn also der Inhalt der Seite ällmählich länger wird und den Punkt erreicht, an dem plötzlich ein vertikaler Scrollbalken erscheint, dann verringert sich in dem Moment die Breite des body-Elements um die Breite des Scrollbalkens^[1].

Ciao,
 Martin

---

1. Wenn das bei dir nur 12px sind, hast du aber verdammt schmale Scrollbalken. Bei meinen Systemen ist das ungefähr das Doppelte. ↩︎