Wie kann ich bei Ausrichtungsänderungen konsistente Hyperlink-Schriftgrößen auf iPhones beibehalten?

Aufrechterhaltung der Konsistenz der Schriftgröße in Hyperlinks bei Änderungen der iPhone-Ausrichtung

Problembeschreibung

Mobile Webanwendungen stehen vor einer besonderen Herausforderung, wenn Hyperlinks innerhalb von Listenelementen drastischen Änderungen unterliegen Änderungen der Schriftgröße, wenn das Gerät zwischen Hoch- und Querformat wechselt. Im Hochformat ist die Schriftgröße möglicherweise angemessen auf 14 Pixel eingestellt, sie vergrößert sich jedoch beunruhigenderweise auf 20 Pixel, wenn das Gerät gedreht wird.

Lösung

Dieses Verhalten wird durch das -webkit-text- geregelt. CSS-Eigenschaft zur Größenanpassung. Um diese Funktion zu deaktivieren und die gewünschte Schriftgröße beizubehalten, implementieren Sie Folgendes:

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

Dieser Code stellt sicher, dass die Schriftgröße auch dann konstant bleibt, wenn sich die Ausrichtung ändert, während Benutzer dennoch nach Bedarf hineinzoomen können.

Zusätzliche Informationen

Weitere Details zur Eigenschaft -webkit-text-size-adjust finden Sie im Safari Web Content Guide.

Das obige ist der detaillierte Inhalt vonWie kann ich bei Ausrichtungsänderungen konsistente Hyperlink-Schriftgrößen auf iPhones beibehalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!