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

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

Mary-Kate Olsen
リリース: 2024-10-31 03:14:31
オリジナル
1017 人が閲覧しました

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート