PCブラウザ上では問題ないのだがiPhoneで見るとフォントサイズがおかしく(大きく)なってレイアウトが崩れた。
jQueryを外すと表示は戻るのでそれが原因なのはわかったのだが、今後jQuery無しでは困るのでどうしたものかと思っていたら...
どうやらMobile Safariには、文字サイズを自動的に調整する機能があり、デフォルト値ではそれが「auto」になっているらしい。
そこでbodyに次のCSSを追加して見た。
body {
-webkit-text-size-adjust: none;
}
いちおうこれで直ったのだが、jQueryとの関連性は不明。
また、IE独自のzoomプロパティを使ったときにも不具合が起こるらしく、それの関連もあるかも。
最近はこういう問題を検索するときGoogleさんの「期間指定」ツールが非常に役に立つ。
なるべく新しい情報がほしいのでとても重宝してます。
しかもいつのまにか「1時間以内」の項目が増えてるし...