web creating

POROA

【CSS】javascript等で後から追加する要素のフォントサイズがiPhoneで見たとき変わってしまう対処法

こちらのサイトを参考にしました。
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
  • ■同じカテゴリの記事
  • ■よく見られている記事
■最新記事
■カテゴリ一覧
CSS
Excel
Google Analytics
HTML
jQuery
PHP
SEO
WordPress
ホームページ作成
ホームページ作成講座
未分類
楽天
■アーカイブ
2018年9月
2016年12月
2016年11月
2016年10月
2016年9月
2016年8月
■ランキング