- 名古屋のホームページ制作会社 花のや
- 花のやブログ
- iPhoneで文字サイズが大きくなるバグ
2012/10/01HTMLホームページ制作
iPhoneで文字サイズが大きくなるバグ
iPhoneでは勝手にフォントサイズを調整して、大きくしてしまう機能があるらしくそれが原因だったようです。
-webkit-text-size-adjustを使う
対処法としては、cssに
-webkit-text-size-adjust: none;
追記:ユーザービリティの欠陥があるのでnoneではなくて100%を指定します。
-webkit-text-size-adjust: 100%;
この指定がデフォルトだとautoになってるのでbodyなどに追加して上書きします。
転載元:http://blog.livedoor.jp/yuuichirou32/archives/67586328.html
なぜnoneではダメなのか?
noneにしてしまうと、調整する機能がオフされてしまうので100%にします。
noneにしてしまうとPCで同じ画面を見た際に、ブラウザの拡大で文字が拡大されなくなります。
転載元:http://tech.nitoyon.com/ja/blog/2013/02/14/text-size-adjust/