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

Webマーケティングで
規模ではなく戦い方で勝つ会社を増やす

『売上か集客か採用か』
いちばん変えたいことから逆算する『ゴールファースト設計』。
名古屋で700社以上を支援してきたWeb制作会社です。

Webマーケティングで
規模ではなく
戦い方で勝つ会社を増やす

『売上か集客か採用か』
いちばん変えたいことから逆算する『ゴールファースト設計』。
名古屋で700社以上を支援してきたWeb制作会社です。

ブログ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