overflow auto bei responsive design

[Rolf B]

Hallo Michael_K,

naja, ich habe ja keine Ahnung von Bootstrap, aber genau so wird es ja hier erklärt. Nur ohne das col-12. Das könnte stören. Aber im Prinzip sollte funktionieren, was Du gemacht hast. Wenn nicht, könnte irgendwas am Umfeld stören, das kann ich nicht beurteilen.

Die Mediaqueries übernimmt Bootstrap für Dich. Die col-lg Spalten werden untereinander gesetzt, wenn der Viewport nicht "large" ist (also 992px).

Dieser Satz im Handbuch:

While Bootstrap uses ems or rems for defining most sizes, pxs are used for grid breakpoints and container widths. This is because the viewport width is in pixels and does not change with the font size.

zeigt allerdings, dass die Kameraden ein grundsätzliches Verständnisproblem von relativen Maßen haben. Oder wir bei Selfhtml, denn selbst Microsoft stopft Boot(st|c)rap als Default in neue ASP.NET Seiten hinein.

Gerade weil em mit der Fontsize skaliert, möchte man ja Mediaqueries mit em machen. Wenn der Anwender den Font hochskaliert, muss man auch bei breiteren Bildschirmen auf "untereinander" umschalten. Dabei ist zu unterscheiden zwischen Seitenzoom - der definiert das "Pixel" um - und der Default-Fontgröße. Die macht Schriften größer (solange man seine Webseite mit em/rem-Fontsize baut und nicht mit px), aber das CSS Pixel bleibt gleich groß.

Muss es Bootstrap sein? Was Du möchtest, ist mit einem Grid oder einer Flexbox sehr einfach erledigt. Mit col-lg-6 auch, wenn auch mit Umschaltpunkten, die eine vom User geänderte Textgröße ignorieren.

Rolf