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

[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