2011-07-05 7 views
0

レスポンシブルにしようとしている簡単なサイトを作成しました。これはhttp://www.teamlist.coで閲覧できます。 @mediaクエリを使用してiOSをターゲットにしていますが、縦向きではうまく見えますが、幅に合わせることはできません(ランドスケープでは100%)。私はこれがiPhone 4とiPadの両方に当てはまることがわかった。なぜこれが起こっているのかについてのアイデアはありますか?iOSのランドスケープ@mediaクエリの問題

答えて

0

iOSではなく画面サイズをターゲットにしていませんか?私がそれらについて見ていることから、利用可能なすべての幅をターゲットにする必要があるかもしれません。

+0

これは私がやっていることです。私は画面サイズ/デバイスをターゲットにしています。私は今、実際に@mediaクエリ自体を認識していることに気付きました。幅を認識していないだけです。これは100%に設定されています。 – Zumwalt

+0

それは面白いです。申し訳ありませんが、私は深いiOSのWebデザインに慣れていない、ああ、でも良いことがあります。 –

1

これはiOSの長年にわたるバグであることが判明しましたが、私が試している面白い回避策のスクリプトです。私の問題のページに含まれており、トリックを行うようだ:

http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/

あなたはgithubの上のコードを見つけることができます。

https://github.com/scottjehl/iOS-Orientationchange-Fix#readme

これまでのところ、それは命の恩人です!