Mobile Safari - relative Schriftgrößenangabe; em

[philipp1988]

Hallo Community,

mir ist letztens auf meinem iPhone aufgefallen, dass bestimmte Elemente meiner Seite eine andere Schriftgröße darstellen als sie auf dem Safari (oder Firefox oder IE6/7/8) dargestellt wird.

Ich arbeite mit relativen Größen bei Schriften, dies bedeutet ich arbeite mit em.

Weiss evtl. jemand ein Workaround dafür? Oder ist dieses Problem ein leider nicht lösbares, da der Mobile Safari eine andere Interpretation von "100%" hat?

Würde mich über Antworten freuen.

Grüße,
Philipp

 

[philipp1988]

Habe es rausfinden können.

Der CSS 3.0 Befehl bewirkt, dass der mobile Safari Browser von Apple keine Autoskalierung bei Texten vornimmt.

html { -webkit-text-size-adjust: none; }

Da der Befehl text-size-adjust beim Apple Browser nicht als Default "none" hat, sondern "auto".