Warum ändert sich meine Schriftgröße in iPhone Safari und wie kann ich das steuern?

Diskrepanz bei der Darstellung der Schriftgröße von iPhone Safari

In bestimmten Fällen wurde beobachtet, dass Safari auf dem iPhone einige Einstellungen für die Schriftgröße ignorierte in unerwarteten Schriftgrößenvariationen. Dieses Problem wirft die Frage auf: Warum tritt das auf und gibt es Elemente, die in Safari/iPhone keine Unterstützung für die Schriftgröße haben?

Erklärung:

Die beobachtete Diskrepanz in der Schriftgröße beruht auf einem Mechanismus in Mobile Safari, der Text automatisch skaliert, der für eine optimale Lesbarkeit als zu klein erachtet wird. Dieses Verhalten zielt darauf ab, das Leseerlebnis auf kleineren Smartphone-Bildschirmen zu verbessern.

Lösung:

Um diese automatische Skalierung zu überschreiben und die gewünschte Schriftgröße zu erzwingen, können Sie CSS verwenden Eigenschaft -webkit-text-size-adjust. Indem Sie den Wert auf 100 % festlegen, können Sie sicherstellen, dass Text auch auf dem iPhone in der angegebenen Schriftgröße gerendert wird.

Hier ist ein Codeausschnitt, der zeigt, wie diese Lösung angewendet wird:

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

Durch die Einbindung dieses Codes in Ihr CSS können Sie die Textwiedergabe auf dem iPhone steuern und verhindern, dass Safari die für andere Geräte oder Umstände vorgesehenen Schriftgrößen ändert.

Das obige ist der detaillierte Inhalt vonWarum ändert sich meine Schriftgröße in iPhone Safari und wie kann ich das steuern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!