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
コメント