技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

技術と経験で、価値のあるホームページ制作を。ホームページ制作を通じて、お客様に利益をもたらすことを追求します。

ブログ

HOME > 花のやブログ > iPhoneで文字サイズが大きくなるバグ
2012/10/01ホームページ制作HTML/CSS

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/

hanap

書いた人:hanaoka

林業高校卒業をしてITに進んだ稀有な例です。
Webディレクターとして皆様のお悩みを解決します。Web制作とガジェットが好きです。特技は少年ジャンプを縦に裂くことです。
facebook:https://www.facebook.com/masakazu.hanaoka

人気記事ランキング

株式会社 花のや
〒460-0011
愛知県名古屋市中区大須4-1-79 第2ハヤシビル 3F

花のやについて

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

お問い合わせ