カメラとか、ノートとか。

X-E2が好きなおっさんのブログ

MobileSafariでフォントサイズがおかしくなる件

PCブラウザ上では問題ないのだがiPhoneで見るとフォントサイズがおかしく(大きく)なってレイアウトが崩れた。

jQueryを外すと表示は戻るのでそれが原因なのはわかったのだが、今後jQuery無しでは困るのでどうしたものかと思っていたら...

どうやらMobile Safariには、文字サイズを自動的に調整する機能があり、デフォルト値ではそれが「auto」になっているらしい。

そこでbodyに次のCSSを追加して見た。

body {
-webkit-text-size-adjust: none;
}

いちおうこれで直ったのだが、jQueryとの関連性は不明。
また、IE独自のzoomプロパティを使ったときにも不具合が起こるらしく、それの関連もあるかも。

最近はこういう問題を検索するときGoogleさんの「期間指定」ツールが非常に役に立つ。
なるべく新しい情報がほしいのでとても重宝してます。
しかもいつのまにか「1時間以内」の項目が増えてるし...

f:id:ni9eball:20121001202818p:plain