Einfache HTML-Website auf mobilen Geräten

[Gunnar Bittersmann]

@@littbarski

Keine Breite (width) angeben, sondern eine Maximalbreite (max-width).

meinst du die Breite beim Viewport oder des DIV?

Maximalbreite fürs div (dazu später mehr).

Letzteres habe ich vorhin auch probiert, dann sieht die Seite auf dem Android-Browser nicht mehr gut aus, weil sie sogar erhablich schmeler als die maximale Breite angezeigt wird.

Bei welcher Viewport-Angabe?

Verwende <meta name="viewport" content="width=device-width, initial-scale=1">, nichts anderes.

Ich hab deinen Codepen mal geforkt und etwas aufgeräumt: BjRrdV

Unter 900(!!) Pixel Viewportbreite schrumpft die weiße Box. (Box-Modell)

Im nächsten Schritt entsorgen wir das überflüssige div und geben Breiten in em, nicht in px an: MKmVBg

Das sollte weiterhelfen.

LLAP 🖖