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

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

多くの Web アプリケーションでは、iPhone の向きが変わったときにハイパーリンクのフォント サイズが変わるというイライラする問題が発生します。ポートレートモードからランドスケープモードへ。希望のフォント サイズを維持するには、次の手順を実行できます。

まず、CSS でフォ​​ント サイズを定義し、縦向きモードで希望どおりに設定されていることを確認します。例:

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

次に、-webkit-text-size-adjust CSS プロパティを使用してデフォルトの動作を無効にします。このプロパティは、フォント サイズの拡大縮小を防ぎます。次のように実装します。

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

このプロパティの使用方法の詳細については、「Safari Web コンテンツ ガイド」を参照してください。これらの手順を実行すると、iPhone の向きに関係なく、ハイパーリンクのフォント サイズが一定になります。

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