Die Presse

Sophiadesigns Blog

Internes & PMs · Sophiadesigns Blog · In der Presse

Text-Resize auf iDevices (iPhone, iPod, iPad) verhindern

Da macht man sich Jahr und Tag Gedanken über die richtige Größe und Darstellung der Schriften auf der eigenen oder einer Kunden-Seite – und dann macht das Webkit (HTML-Rendering-Bibliothek von Safari) einem einen Strich durch die Rechnung und stellt die Schriften nach eigenem Gusto dar und zerschießt die Seite.

Um dieses Verhalten zu unterbinden, fügt einfach die nachstehende Zeile in das CSS-File ein, bevorzugt, ganz allgemein-gültig bei den body-Defintionen. Dieser Fix funktioniert auch für alle anderen aus dem App-Store herunterladbaren Browser für die iDevices, weil diese alle auf die Webkit-Bibliothek von Safari zugreifen.

-webkit-text-size-adjust: none; /* iPhone Font-Size Änderung verhindern */


Von in Blog am 17. November 2011 mit den Schlagwörtern: , , , , mit 0 Kommentaren »


Name (erforderlich)
e-Mail (erforderlich)
URL (no no-follow)
Kommentar (erforderlich)
XHTML: Diese HTML-Tags dürfen Sie verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>