CSS: Breakpoints springen zu früh um im Firefox. Grund vertikaler Scrollbalken? – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self CSS: Breakpoints springen zu früh um im Firefox. Grund vertikaler Scrollbalken? Mon, 30 Sep 19 07:01:16 Z https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758280#m1758280 https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758280#m1758280 <p>Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?</p> <p>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 <em>normalen</em> Browser-Ansicht.</p> CSS: Breakpoints springen zu früh um im Firefox. Grund vertikaler Scrollbalken? Mon, 30 Sep 19 07:09:59 Z https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758284#m1758284 https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758284#m1758284 <p>@@Oli</p> <blockquote> <p>Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?</p> </blockquote> <p>Ist meine Vermutung richtig, dass die fehlende Verlinkung deiner Seite Grund dafür ist, dass Glaskugeln im Kreis umherspringen?</p> <blockquote> <p>funktionieren diese nämlich auf den Pixel genau.</p> </blockquote> <p>Fehler. „Pixelgenau“ funktioniert nicht.</p> <blockquote> <p>Da ist der Scrollbalken auch Teil der Website selbst und verdrängt den Viewport nicht wie in der <em>normalen</em> Browser-Ansicht.</p> </blockquote> <p>Was <em>normal</em> ist, ist von Betriebssystem zu Betriebssystem (und evtl. auch von Browser zu Browser) unterschiedlich.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div> CSS: Breakpoints springen zu früh um im Firefox. Grund vertikaler Scrollbalken? Mon, 30 Sep 19 07:20:57 Z https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758287#m1758287 https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758287#m1758287 <p>Hallo</p> <blockquote> <p>Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?</p> </blockquote> <p>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.</p> <p>Im Internet Explorer beispielsweise war das nie ein Problem, weil dieser auch bei kurzen Seiten einen funktionslosen Scrollbalken ausgegeben hat.</p> <blockquote> <p>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 <em>normalen</em> Browser-Ansicht.</p> </blockquote> <p>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.</p> <p>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.</p> <p>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 <code>em</code>, <code>rem</code>). 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.</p> <p>Tschö, Auge</p> <div class="signature">-- <br> Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br> <em>Hohle Köpfe</em> von Terry Pratchett </div> CSS: Breakpoints springen zu früh um im Firefox. Grund vertikaler Scrollbalken? Mon, 30 Sep 19 07:22:09 Z https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758288#m1758288 https://forum.selfhtml.org/self/2019/sep/30/css-breakpoints-springen-zu-fruh-um-im-firefox-grund-vertikaler-scrollbalken/1758288#m1758288 <p>Hallo,</p> <blockquote> <p>Ist meine Vermutung richtig, dass der vertikale Scrollbalken Grund dafür ist, dass Breakpoints im Firefox ca. 12px zu früh umspringen?</p> </blockquote> <p>kann ich jetzt nicht klar mit <em>Ja</em> oder <em>Nein</em> beantworten.</p> <blockquote> <p>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 <em>normalen</em> Browser-Ansicht.</p> </blockquote> <p>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<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup>.</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Computer müssen weiblich sein: Eigensinnig, schwer zu durchschauen, immer für Überraschungen gut - aber man möchte sie nicht missen. </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Wenn das bei dir nur 12px sind, hast du aber verdammt schmale Scrollbalken. Bei meinen Systemen ist das ungefähr das Doppelte. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section>