【CSS】javascript等で後から追加する要素のフォントサイズがiPhoneで見たとき変わってしまう対処法
こちらのサイトを参考にしました。
http://blog.yousoro.com/archives/159
以前、jQueryのプラグイン「bxslider」を使用した際にbxslider内にボックスを作りテキストを書いたのですがiPhoneのみサイズがおかしくなる現象がありました。
どうも、iPhoneには自動でフォントのサイズを変えてしまう機能があるようで、jQueryで後から追加された要素にはCSSが適用されないようで、サイズが大きくなってしまいました。
そこで、
を追加することでその機能をOFFにできるようです。
結構、はまってしまったので、もし悩まれている方がいれば試してみてください。
http://blog.yousoro.com/archives/159
以前、jQueryのプラグイン「bxslider」を使用した際にbxslider内にボックスを作りテキストを書いたのですがiPhoneのみサイズがおかしくなる現象がありました。
どうも、iPhoneには自動でフォントのサイズを変えてしまう機能があるようで、jQueryで後から追加された要素にはCSSが適用されないようで、サイズが大きくなってしまいました。
そこで、
body { -webkit-text-size-adjust: 100%; }
を追加することでその機能をOFFにできるようです。
結構、はまってしまったので、もし悩まれている方がいれば試してみてください。
著者:poroa | 投稿日:2016年11月02日 | カテゴリ:CSS