iPhoneやAndroidでスマホサイトを見ると文字がおっきくなっちゃった!の対応


スマホサイトをアップして、いざ実機で確認!となったときに、
フォントサイズを指定しているにもかかわらず、フォントのサイズが異常に大きいことがあります。

Evernote Camera Roll 20150715 180706_2

自動的にフォントサイズが調整されているのが原因で、
こんなときは、このおまじないでフォントが固定されます。

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

こんな感じ

Evernote Camera Roll 20150715 180706

実機に依存する思わぬ動作は焦ってしまいますね。
備忘メモでした。

[RelService] [Service]