1. ホーム
  2. css

[解決済み] Safari (iPhone)で一部のフォントサイズが大きく表示される。

2022-05-13 06:02:29

質問

Safari/iPhone が一部の font-size 設定を無視する CSS またはその他の理由はありますか。私の特定のウェブサイトでは、iPhone の Safari は一部の font-size:13px のテキストを font-size:15px のテキストよりも大きく表示します。おそらく、いくつかの要素でフォントサイズをサポートしていないのでしょうか?

どのように解決するのですか?

Joe の回答にはいくつかの良いベスト プラクティスが含まれていますが、あなたが説明されている問題は、テキストが小さすぎると判断した場合にモバイル Safari が自動的にテキストを拡大縮小するという事実が中心になっていると思われます。これを回避するには、CSS プロパティの -webkit-text-size-adjust . これを本文に適用する方法のサンプルは、iPhone用だけです。

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}