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

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

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

HTML:

<ul>
    <li>

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 サイトの他の関連記事を参照してください。