ホームページ  >  記事  >  ウェブフロントエンド  >  iPhone の Safari が私のフォント サイズ設定を無視するのはなぜですか?

iPhone の Safari が私のフォント サイズ設定を無視するのはなぜですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-31 03:14:31910ブラウズ

Why Does Safari on iPhone Ignore My Font-Size Settings?

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。