Warum Safari/iPhone einige Schriftgrößeneinstellungen ignoriert
Beim Gestalten Ihrer Website kann es vorkommen, dass Schriftgrößeneinstellungen ignoriert werden in Safari auf iPhones. Dieses rätselhafte Verhalten wird auf die automatische Textskalierung von Mobile Safari zurückgeführt, um die Lesbarkeit auf kleinen Bildschirmen zu verbessern.
Die Lösung:
Um dieses Skalierungsverhalten zu überschreiben, verwenden Sie die CSS-Eigenschaft -webkit-text-size-adjust. Diese Eigenschaft weist den Browser an, die Textgröße an den angegebenen Prozentsatz anzupassen. Wenn Sie den Wert auf 100 % setzen, deaktivieren Sie die automatische Skalierung.
So wenden Sie diesen Fix speziell für iPhones an:
<code class="css">@media screen and (max-device-width: 480px){
body{
-webkit-text-size-adjust: 100%;
}
}</code>Durch die Implementierung dieses Fixes können Sie sicherstellen, dass Ihre Schriftgrößen übereinstimmen werden wie beabsichtigt gerendert, unabhängig vom verwendeten Gerät oder Browser.
Das obige ist der detaillierte Inhalt vonWarum ignoriert Safari auf dem iPhone meine Schriftgrößeneinstellungen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
