Wie viele sicherlich wissen gibt es viele verschiedene Stellen, an denen die tatsächliche Schriftgröße eines Elements auf der Webseite beeinflusst werden kann. Angefangen bei der Standardeinstellung des Browsers über das geschriebene CSS bis hin zum Benutzer, der zum Beispiel einen Zoom Faktor einstellen kann.
Speziell auf dem iPhone kommt noch eine weitere Stufe hinzu, die man als Entwickler so leicht nicht beeinflussen kann. Wenn die Schrift auf der Webseite eine bestimmte Größe unterschreitet, wird sie vom WebKit automatisch hoch skaliert um den Text teilweise überhaupt erst lesbar zu machen. Das System soll erkennen können, an welchen Stellen der Text vergrößert werden kann und an welchen nicht. So werden zum Beispiel Texte mit dem float-Attribut überhaupt nicht skaliert.
Wie es bei Automatiken so ist, versagt diese leider in manchen Fällen und kann das Layout sprengen oder zu unerwünschten Effekten führen. In solchen Fällen empfiehlt es sich, die WebKit Skalierung entweder ganz oder nur bei den betroffenen Elementen auszuschalten. Hierfür stellt WebKit das CSS-Attribut -webkit-text-size-adjust zur Verfügung. Das Attribut kann drei verschieden Werte annehmen: none, auto und eine Prozentzahl. Wie der Name schon sagt, schaltet none die Skalierung ganz aus und auto schaltet die Automatik ein. Gibt man hier eine Prozentzahl ein, so werden alle Schriften im entsprechenden Block zusätzlich mit diesem Faktor skaliert. Der Eintrag
html {
-webkit-text-size-adjust: 200%;
}
im CSS hätte also zur Folge, dass alle Schriften auf der Webseite im iPhone doppelt so groß wären, wie auf allen anderen Geräten.