Warum sind die Schriftgrößen in Safari auf dem iPhone größer als erwartet?

Inkonsistenzen bei der Schriftskalierung in Safari auf dem iPhone

In bestimmten Szenarien sind Benutzer auf Diskrepanzen bei den in Safari auf dem iPhone gerenderten Schriftgrößen gestoßen. Schriftgrößen erscheinen größer als erwartet, selbst wenn niedrigere Werte angegeben werden. Dieses Verhalten hat Fragen zu möglichen CSS- oder technischen Einschränkungen aufgeworfen.

Erklärung:

Safari auf iPhones verwendet einen automatischen Textskalierungsmechanismus, der die Lesbarkeit auf kleineren Bildschirmen verbessern soll. Diese Funktion kann jedoch zu Inkonsistenzen führen, wenn bestimmte Schriftgrößen trotz ihrer numerischen Unterschiede größer erscheinen als andere. Dies geschieht insbesondere dann, wenn die angegebene Schriftgröße als zu klein für eine optimale Lesbarkeit angesehen wird.

Lösung:

Um dieses Problem zu beheben, verwenden Sie die CSS-Eigenschaft -webkit -Textgröße anpassen. Mit dieser Eigenschaft können Sie die automatische Textskalierung von Mobile Safari außer Kraft setzen. Um die Skalierung für das iPhone zu deaktivieren, wenden Sie das folgende CSS an:

<code class="css">@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}</code>

Indem Sie die Eigenschaft -webkit-text-size-adjust auf 100 % setzen, weisen Sie Safari an, den Text innerhalb des Body-Elements nicht zu skalieren für das iPhone. Dadurch wird sichergestellt, dass alle angegebenen Schriftgrößen, einschließlich der auf 13 Pixel und 15 Pixel eingestellten, ohne Änderung gerendert werden.

Das obige ist der detaillierte Inhalt vonWarum sind die Schriftgrößen in Safari auf dem iPhone größer als erwartet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!