Falsche Schriftgröße im iPhone-Browser

Während man früher alles für den doofen Internet Exploder nochmal entwickeln musste, darf man dies nun auch für Apples mobile Endgeräte tun.

Das iPhone ist bekanntlich schlauer als seine User und stellt daher unter Umständen Schriftgrößen, die per CSS mit "font-size" formatiert wurden, in einer Größe dar, die vom Design nicht unbedingt gewünscht ist. Die falsche Größendarstellung soll dem User eigentlich das zoomen ersparen - führt aber teilweise dazu, dass die Website nicht so aussieht wie geplant. Das kann man allerdings (auch über CSS) abschalten:

@media screen and (max-device-width: 480px){
  body {
   -webkit-text-size-adjust: none; /* Font Resizing deaktivieren */
  }
}

Man sollte hier aber die Abfrage beachten, ob ein mobiles Endgerät benutzt wird (@media ...), damit man auf normalen Displays weiterhin die Zoomfunktion per Strg +/- Taste nutzen kann.