iPhoneで文字サイズが大きくなるバグ

一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、それぞれにストーリーがあります。
花のやはそれをサポートしながら、お客様の成長を隣で見ていたいのです。

一緒に悩み、考える。
つくるだけでなく、
そのあとの物語も、ともに。

どんな会社もサービスも、
それぞれにストーリーがあります。
花のやはそれをサポートしながら、
お客様の成長を隣で見ていたいのです。

ブログBLOG

2012/10/01HTMLホームページ制作

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で同じ画面を見た際に、ブラウザの拡大で文字が拡大されなくなります。

この記事を書いた人：hanaoka

村生まれ村育ちWebディレクターです。 2014年に株式会社花のやを設立。以後ディレクションと営業を兼務しています。学歴コンプレックスをバネに日夜戦っています。