Einfache HTML-Website auf mobilen Geräten
bearbeitet von 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">`{: .language-html}, nichts anderes.
Ich hab deinen Codepen mal geforkt und etwas aufgeräumt: [BjRrdV](http://codepen.io/gunnarbittersmann/pen/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](http://codepen.io/gunnarbittersmann/pen/MKmVBg)
Das sollte weiterhelfen.
LLAP 🖖
--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)