Safari (iPhone) で一部のフォントサイズが大きく表示される 質問する

Safari (iPhone) で一部のフォントサイズが大きく表示される 質問する

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

ベストアンサー1

Joe の回答には優れたベスト プラクティスがいくつか含まれていますが、説明されている問題は、テキストが小さすぎると判断された場合に Mobile Safari が自動的にテキストを拡大縮小するという事実に関係していると思います。この問題は、CSS プロパティを使用して回避できます-webkit-text-size-adjust。iPhone の場合のみ、これを body に適用する方法のサンプルを次に示します。

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

おすすめ記事