Iphoneの文字が大きかったり小さかったり…androidはちゃんとしてるのに!

という問題。

viewport固定状態(1000pxほど)でスマホ表示した際、Androidは指定通りのサイズになるけどiphoneは文字が大きかったり小さかったり・・・どうも親要素のボックスサイズ合わせて大きさを勝手に変えてるっぽい?font指定をbodyをpx指定、それ以下を%でやってるのが悪いのか?

で、色々探した結果

-webkit-text-size-adjust: 100%;

をbodyとかに入れたら治ります。

iOS版safariの「文字サイズ自動調整」がいやらしい。
ええと、 divやらspanやらに表示フォントサイズを指定してやるでしょ。 iP...

等など、検索がしづらかった・・・

いつもレスポンシブだったんで気にしてなかったんだけど
viewport固定で作成する事があってそのときにハマってしまった。

最新のreset.cssにはあるっぽいんでちょいちょい更新は必要ですね…

タイトルとURLをコピーしました