iPhoneでフォントが変わってしまう

bx-sliderを使っている時に、リストタグの一番始めのフォントに指定したCSSが適用されなかったので調べてみた。

使用しているiPhoneのsafari、chromeで起きているみたい。

どうやら、文字サイズ自動調整機能がついているらしく、jQueryプラグインを最後に読み込ませたことが原因っぽい。

 

-webkit-text-size-adjust:

とCSSに書けばいいみたい。

 

今まで散々スマホページを作ってきたけども、この現象は初めて。

何が起因しているかが謎だけども、自動調整機能の問題であればこれで問題が解決したことになる。

どこに書くかは個人の裁量の部分だけど、もしかしたら、normalizeやresetに入れておいた方が便利かもしれない。

 

参考サイト:

http://blog.yousoro.com/archives/159

http://www.poroanet.com/blog/css/652.html

 

 

More about sakaenet

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です