レスポンシブサイトのスマホ版で一部のフォントが大きくなる件

カテゴリー︎: 【CSS】

レスポンシブサイトを作っていて

主要ブラウザ(スマホ開発ツール)で確認しても、全く問題ないのだが

iphoneでみると、一部のフォントが大きくなっている。。。

mac Safariのレスポンシブ・デザインモードで見ても全く問題なし

iphone実機だけ不具合がある

いろいろ、スタイルシートを修正してみたが、、、ダメ

必殺

font-size に !important; を乱用しても、、、ダメ

ネット検索でそれっぽいのを見つけたので
すぐに実行!!

スマホ版のスタイルシートの一番上に
下記を記述したら直った
理由はよくわからないので割愛

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

もうっ
時間を返してくれぇ!!
とい言いたい今日この頃。。。

PAGE TOP