LoginSignup
1

More than 3 years have passed since last update.

iphoneでなぜか文字が大きくなる問題

Posted at

結論

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

文字サイズの自動調整をさせたくない部分に-webkit-text-size-adjustを指定することで解決します。
もともとiphoneに搭載されている文字の自動調整のせいで文字が大きくなってしまうようです。
リセットCSSにはデフォルトで組み込まれてることが多いのですが、そうでなかった場合はここを確認したほうがいいです。

参考

iPhone版Safariで文字サイズがおかしくなるときは-webkit-text-size-adjust: 100%; を指定する

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1