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

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

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

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

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

ブログBLOG

2012/10/01Web制作HTML

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

この記事を書いた人：花岡正和

株式会社花のや代表取締役。名古屋市中区栄。2014年の創業以来、700社以上のホームページ・採用サイト制作に携わる。「成果（採用・集客・売上）から逆算する」ゴールファースト設計を提唱し、Web制作・採用マーケティング・AI活用支援に取り組む。

お問い合わせ

Webサイト制作・その他お仕事のご依頼、
ご相談についてお気軽にお問い合わせください。

052-211-9898

株式会社　花のや
〒460-0008
愛知県名古屋市中区栄2-14-5 山本屋本店栄ビル7階

お仕事のご依頼やご相談は、下記の電話番号
または、メールフォームよりお問い合わせください。
TEL.052-211-9898 / FAX.052-211-9899