スマホページで、フォントのサイズが同じですが、場所による、大きさが違う

はじめに

最近スマホページの作成をしたのですが、フォントのサイズが同じpxで指定していますが、iOSで確認すると場所によって大きさがバラバラになります。どんな原因なのか、ちょっど調べてみました。実はスマートフォンの場合、自動的にフォントサイズを調整する機能があります（Chromeも）。この機能によって、フォントサイズが自動的に調整されています。

解決する方法

では、そのスマートフォンの自動的にフォントサイズを調整する機能をオフしたっら、解決できると思いますが、調べてみて、機能をオフにするためには、

qiita.rb

body{
      font-size-adjust: none;
      -webkit-font-size-adjust: none;
}

もし、これでうまくいかなかったら、

qiita.rb

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

簡単ですよね！