iPhone Safari でフォント サイズが変わるのはなぜですか? それを制御するにはどうすればよいですか?

iPhone Safari のフォント サイズ レンダリングの不一致

場合によっては、iPhone の Safari が一部のフォント サイズ設定を無視することが確認されており、その結果、予期しないフォント サイズの変化が発生します。この問題により、次のような疑問が生じます: なぜこれが発生するのですか? Safari/iPhone にはフォント サイズのサポートが不足している要素がありますか?

説明:

観察されたフォント サイズの不一致これは、最適な読みやすさを実現するには小さすぎると判断したテキストを自動的に拡大縮小する 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>

このコードを CSS に組み込むことで、iPhone でのテキストのレンダリングを制御し、Safari が他のデバイスや環境向けのフォント サイズを変更するのを防ぐことができます。

以上がiPhone Safari でフォント サイズが変わるのはなぜですか? それを制御するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。