【CSS】iPhoneのSafariで文字サイズがおかしくなる時の対処法

この間iPhoneでWEBサイトの表示を確認したときに、なぜか一部の文字サイズが大きくなる現象が起こりました。

そして無事問題を解決することが出来たので、メモしておきます!

【CSS】iPhoneのSafariで文字サイズがおかしくなる時の対処法

対処法は以下のコードを追加すればOKです!

body {
  -webkit-text-size-adjust: 100%;
}

iPhoneの文字サイズの自動調節機能が原因だそうです。

あらかじめリセットCSSに入れておくと楽でいいですよ。

DOWNLOAD

ブログ用WordPressテーマを無料配布中

実務で使える構成・設計をベースにしたテーマです。
すぐにブログ運用を始めたい方はこちらからダウンロードできます。

テーマをダウンロードする

Webサイトの集客や導線設計でお悩みではありませんか?

当社では、データ分析(GA4・検索データ)をもとに、
成果につながるWeb制作・改善をご提案しています。

課題の整理からでも大丈夫ですので、まずはお気軽にご相談ください。

無料で相談する
Author:
Yujiro

Profile:

大阪のWEB制作会社で働くコーダー。コーディングにハマり、気づいたらWEB制作を仕事にしていました。現在は新規のWEBサイト制作やWordPressカスタマイズしたり、当技術ブログを運営しています。

この著者の記事を見る