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:

• 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!