トップへ(mam-mam.net/)

iOSのSafariだけ指定フォントサイズと違って文字の大きさが大きくなったり小さくなったりする

検索:

「iOSのSafariだけ指定フォントサイズと違って文字の大きさが大きくなったり小さくなったりする」

ChromeyやFirefoxや、Mac版のSafariは発生しないが、
iOSのSafariだけ指定フォントサイズと違って文字の大きさが大きくなったり小さくなったりする場合がある。
例えば箇条書きの<ol><li>の数字の文字の大きさなど。
何とかならないか。

回答

iOSのSafariには、自動的にフォントサイズを調整する機能が存在しています。
その機能を無効にするCSSを記述すれば対応できます。

ソース

以下はiOSのSafariの自動的にフォントサイズを調整する機能を無効にするCSSです。

<style>
  body{ -webkit-text-size-adjust:100%; }
</style>