breakpoints und landscape

[Rolf B]

Hallo michaah,

ich müsste es ausprobieren um sicher zu sein, aber ich würde eigentlich davon ausgehen wollen, dass (A) die richtige Lösung ist.

Für einen gewissen Wert von "richtig". Sicherlich waren die 534px nur ein wild gewähltes Beispiel - aber Dir ist sicherlich klar, dass es ein breites Spektrum von Smartphone-Auflösungen gibt und du solltest deine Breaks nicht auf Pixeln basieren, sondern auf em. Das bezieht die gewählte Schriftgröße mit ein, was wichtig ist, wenn der Smartphone-User den Textzoom verwendet.

Du solltest auch daran denken, dass HiRes Displays mit bspw. 1000x3000 Pixeln, aber 6 Zoll Diagonale, dem Browser gegenüber nicht mit dieser Auflösung präsentiert werden, sonden mit einem Bruchteil davon. Das ist das so genannte "CSS Pixel". Das Verhältnis zwischen CSS-Pixeln und Display-Pixeln kannst Du mit JavaScript über die Eigenschaft devicePixelRatio ermitteln.

Dass das Smartphone die width nur richtig verarbeitet, wenn Du das Viewport-Meta verwendest, weißt Du bestimmt. Ich erwähne es nur zur Sicherheit.

Rolf