iPhone の Safari でフォント サイズが予想より大きいのはなぜですか?

iPhone の Safari でのフォント スケーリングの不一致

特定のシナリオでは、iPhone の Safari で表示されるフォント サイズの不一致が発生します。フォント サイズは、小さい値を指定した場合でも、予想よりも大きく表示されます。この動作により、CSS や技術的な制限の可能性について疑問が生じています。

説明:

iPhone の Safari は、小さな画面での読みやすさを向上させることを目的とした自動テキスト スケーリング メカニズムを採用しています。ただし、この機能は、数値的な違いにもかかわらず、特定のフォント サイズが他のフォント サイズよりも大きく表示される場合に不一致を引き起こす可能性があります。これは、指定されたフォント サイズが最適な読みやすさを実現するには小さすぎると考えられる場合に特に発生します。

解決策:

この問題を解決するには、CSS プロパティ -webkit を使用します。 -テキストサイズ調整。このプロパティを使用すると、Mobile Safari の自動テキスト スケーリングをオーバーライドできます。 iPhone のスケーリングを無効にするには、次の CSS を適用します:

<code class="css">@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: 100%;
  }
}</code>

-webkit-text-size-adjust プロパティを 100% に設定することで、body 要素内のテキストをスケーリングしないように Safari に指示します。 iPhone用。これにより、13px や 15px に設定されたものも含め、指定されたすべてのフォント サイズが変更なしでレンダリングされます。

以上がiPhone の Safari でフォント サイズが予想より大きいのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。