方向を変更する際に iPhone で一貫したハイパーリンクのフォント サイズを維持するにはどうすればよいですか?

iPhone の向きの変更中におけるハイパーリンクのフォント サイズの一貫性の維持

問題の説明

リスト要素内のハイパーリンクが大幅に変更されると、モバイル Web アプリケーションは特有の課題に直面するデバイスが縦モードと横モードの間で移行するときにフォント サイズが変更されます。ポートレート モードでは、フォント サイズは 14 ピクセルに適切に設定されている可能性がありますが、デバイスを回転すると、当惑するほど 20 ピクセルに拡大されます。

解決策

この動作は、-webkit-text- によって制御されます。サイズ調整CSSプロパティ。この機能を無効にして希望のフォント サイズを維持するには、次のコードを実装します。

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

このコードにより、方向が変わってもフォント サイズが一定に保たれると同時に、ユーザーは必要に応じてズームインできるようになります。

追加情報

-webkit-text-size-adjust プロパティの詳細については、Safari Web コンテンツを参照してください。ガイド。

以上が方向を変更する際に iPhone で一貫したハイパーリンクのフォント サイズを維持するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。