Wie kann ich Änderungen der Schriftgröße auf meiner iPhone-Website bei Ausrichtungswechseln verhindern?

Beibehalten der HTML-Schriftgröße bei Änderungen der iPhone-Ausrichtung

Beim Anzeigen von Webseiten auf einem iPhone kommt es beim Wechseln häufig zu Änderungen der Schriftgröße zwischen Hoch- und Querformat. Um dieses Problem zu beheben und konsistente Hyperlink-Schriftgrößen beizubehalten, ziehen Sie die folgende Lösung in Betracht:

HTML:

<ul>
    <li>

CSS:

ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #cc9999;
}

Um sicherzustellen, dass Hyperlink-Schriftgrößen gewährleistet sind unabhängig von der Ausrichtung unverändert bleiben, fügen Sie die folgende CSS-Eigenschaft hinzu:

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

Diese Eigenschaft deaktiviert das Standardverhalten der automatischen Anpassung der Textgrößen basierend auf der Ausrichtung. Dadurch bleibt die Hyperlink-Schriftgröße auch beim Wechsel zwischen Hoch- und Querformat auf dem angegebenen Wert (in diesem Fall 14 Pixel).

Das obige ist der detaillierte Inhalt vonWie kann ich Änderungen der Schriftgröße auf meiner iPhone-Website bei Ausrichtungswechseln verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!