ホームページ > 記事 > ウェブフロントエンド > iPhone の Safari が私のフォント サイズ設定を無視するのはなぜですか?
Safari/iPhone が一部のフォント サイズ設定を無視する理由
Web サイトのスタイルを設定するときに、フォント サイズ設定が無視される場合があります。 iPhoneのSafariで。この不可解な動作は、小さい画面での読みやすさを向上させるための Mobile Safari のテキストの自動スケーリングに起因すると考えられます。
解決策:
このスケーリング動作をオーバーライドするには、CSS プロパティを利用します。 -webkit-text-size-adjust。このプロパティは、テキスト サイズを指定されたパーセンテージに調整するようにブラウザに指示します。 100% に設定すると、自動スケーリングが無効になります。
特に iPhone にこの修正を適用する方法は次のとおりです:
<code class="css">@media screen and (max-device-width: 480px){ body{ -webkit-text-size-adjust: 100%; } }</code>
この修正を実装すると、フォント サイズを確実に変更できます。使用されているデバイスやブラウザに関係なく、意図したとおりにレンダリングされます。
以上がiPhone の Safari が私のフォント サイズ設定を無視するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。