Spannweite der viewports

[Matthias Scharwies]

Servus!

Hallo Jean,

Bei welcher Viewportbreite ist daher es sinnvoll, das Layout zu beginnen?

Du meinst, welche Mindestviewportbreite man annehmen sollte?

Ich würde sagen: 10em. Auf der Smartwatch.

20em. Auf einem Smartphone.

Ja, 20 bis 25em sind normal für mobile Geräte. Wie @Rolf B schon sagte, gibt es keinen Grund das Layout nicht bei 0 beginnen zu lassen, z.B für SmartWatches. Besser ist es

1. keine Breitenangaben zu setzen (Mobile first!)

2. irgendwann mit einer Mindestbreite etwas anderes zu machen:

@media (min-width: 50em) {
  aside {
     ...
  }
}

Lies mal hier: CSS/Tutorials/Einstieg/Media_Queries#Breakpoints:_Inhalt_über_Design

Du musst halt gucken, ab welcher em Breite deine Seite sich sinnvoll verbreitern lässt. Sinnvoll nutzen lassen soll sie sich ja auch im schmalen Modus.

Unterhalb von 60em darfst Du - finde ich - gerne eine Breite von 100vw ausnutzen. Unterhalb von 30em würde ich auch das Entfernen jeglicher body-Margins für sinnvoll halten.

Aber mach nicht zu viele media-Breaks. Weniger ist da mehr. Jeder Media-Break muss getestet werden, ob das Layout noch passt.

Genau.

Herzliche Grüße

Matthias Scharwies