iPhone の Web サイトの向きが変わったときにフォント サイズが変更されないようにするにはどうすればよいですか?

iPhone の向きの変更時に HTML フォント サイズを維持する

iPhone で Web ページを表示する場合、切り替え時にフォント サイズが変更されることがよくあります。縦向きと横向きの間。この問題を解決し、一貫したハイパーリンクのフォント サイズを維持するには、次の解決策を検討してください。

HTML:

• CSS:

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

  ハイパーリンクのフォント サイズを確保するには方向に関係なく変更されない場合は、次の CSS プロパティを追加します:

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

  このプロパティはデフォルトを無効にします。方向に基づいてテキスト サイズを自動的に調整する動作。その結果、ポートレート モードとランドスケープ モードを切り替えても、ハイパーリンクのフォント サイズは指定された値 (この場合は 14px) のままになります。

以上がiPhone の Web サイトの向きが変わったときにフォント サイズが変更されないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。