Mnachmal möchte man einfach eine Webseite extra für die lieben Smartphones machen aber leider klappt das aufgrund von störrischen Browsern die denken sie haben eine Homepage für Desktopcomputer vor sich nicht so ganz.
So musste ich zum Beispiel einmal eine Webseite extra für iPhones Basteln und hatte bilder verwendet die exakt so breit waren wie das display, und ansonsten nur reinen text ohne besondere formatierungsangaben. Aber leider wurde hier immer Platz verschwendet indem rausgezoomt wurde so das neben dem Bild noch ein drittel des Bildschirms frei war.
Abhilfe schafft eine Meta-Angabe welche den zoom auf 100% anstatt der vorherigen 66% stellt und die breite der Webseite auf die der Display breite berschränkt. Und damit es das feeling wie in einer nativen app wurde auch gleich der zoom gesperrt.
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
