Wie kann ich Änderungen der Schriftgröße in iPhone-Web-Apps bei Ausrichtungsänderungen verhindern?

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

Bei vielen Webanwendungen tritt ein frustrierendes Problem auf, bei dem sich die Schriftgröße von Hyperlinks ändert, wenn das iPhone umschaltet vom Hochformat in den Querformatmodus. Um die gewünschte Schriftgröße beizubehalten, können die folgenden Schritte unternommen werden:

Definieren Sie zunächst die Schriftgröße im CSS und stellen Sie sicher, dass sie im Hochformat wie gewünscht eingestellt ist. Zum Beispiel:

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

Deaktivieren Sie als Nächstes das Standardverhalten mithilfe der CSS-Eigenschaft -webkit-text-size-adjust. Diese Eigenschaft verhindert die Skalierung der Schriftgröße. Implementieren Sie es wie folgt:

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

Der Safari Web Content Guide bietet weitere Informationen zur Verwendung dieser Eigenschaft. Durch die Implementierung dieser Schritte bleibt die Schriftgröße von Hyperlinks unabhängig von der Ausrichtung des iPhones konsistent.

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