;

しんみゆ.com

群馬県高崎市在住の夫婦で日記というか、つぶやきブログしてます:しんみゆ.com

熊谷市 詩知里屋に行ってきた!

メモ:iPhone版Safariで文字サイズがおかしくなる

PCで見てるときは大丈夫なのに、iPhone版Safariで見たときだけ文字サイズが変わる。
自動調整をしているのが -webkit-text-size-adjust プロパティー
デフォルト値は auto になっていて、100% や none にすると自動調整をオフにできる。

対処法メモ。


body {
-webkit-text-size-adjust: 100%;
}

文字サイズの自動調整をさせたくない部分に-webkit-text-size-adjustを指定する。

補足:
-webkit-text-size-adjust: none; だと文字の拡大ができなくなる
指定してしまうと PC 版の Google Chrome や Safari でページの拡大/縮小機能に支障がでる。

参考サイト:
http://tech.nitoyon.com/ja/blog/2013/02/14/text-size-adjust/

ページトップ