はじめに
コーディング後のブラウザチェックでSafariで確認した時だけ、指定したフォントサイズより大きく表示されて、デザインが崩れているということがたまにあります。
Safariのみ指定したフォントサイズより大きく表示されないようにする方法
方法はとても簡単でcssに下記ソースコードを追加するだけでできます。
body {
-webkit-text-size-adjust: 100%;
}
まとめ
PCの検証ツールだけではカバーできないので実機でブラウザチェックをすることがとても大切だと思います。特にSafariは自分の中では他のブラウザと比べて特殊な印象があるので、Safariでのエラーがあり次第、また記事を書いていこうと思います。