iPhoneで表示したときのフォントのサイズ

質問

レスポンシブにしていないHTMLとCSSで作成したウェブ・ページを、iPhoneのSafariで見ると、CSSで指定したfont-sizeと異なるサイズ（大きく指定したh2より、小さく指定したpのほうが、実際の画面上では大きく表示されるといったように）で表示されているようなのですが、どのように解決すればよいのでしょうか。

回答No.1

kao03 · ベストアンサー

既に試されていたらすいません。
－－－－－－－－－－－－－－－
<style type="text/css">
body {
-webkit-text-size-adjust: 100%;
}
</style>
－－－－－－－－－－－－－－－
「-webkit-text-size-adjust: 100%;」を入れると直るようです。

こちらでもテスト環境で実験してみましたが、
そもそも同じような問題（バグ？）を再現することが出来ませんでしたので、
そうなってしまった理由は分かりませんが。

ご参考までに。

参考URL：

http://m.designbits.jp/13031617/

お礼

ご回答いただき、ありがとうございます。早速、試したところ、改善されました。ありがとうございました。