レスポンシブルにしようとしている簡単なサイトを作成しました。これはhttp://www.teamlist.coで閲覧できます。 @mediaクエリを使用してiOSをターゲットにしていますが、縦向きではうまく見えますが、幅に合わせることはできません(ランドスケープでは100%)。私はこれがiPhone 4とiPadの両方に当てはまることがわかった。なぜこれが起こっているのかについてのアイデアはありますか?iOSのランドスケープ@mediaクエリの問題
0
A
答えて
0
iOSではなく画面サイズをターゲットにしていませんか?私がそれらについて見ていることから、利用可能なすべての幅をターゲットにする必要があるかもしれません。
1
これはiOSの長年にわたるバグであることが判明しましたが、私が試している面白い回避策のスクリプトです。私の問題のページに含まれており、トリックを行うようだ:
http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/
あなたはgithubの上のコードを見つけることができます。
https://github.com/scottjehl/iOS-Orientationchange-Fix#readme
これまでのところ、それは命の恩人です!
関連する問題
- 1. @mediaクエリの問題
- 2. テーブル@mediaクエリの表示の問題
- 3. IPad UINavigationControllerランドスケープ問題
- 4. ランドスケープ(iPhone)の誇張問題
- 5. Media Playerの問題
- 6. Media Playerの問題
- 7. Android Media Playerダブルプレイの問題
- 8. ランドスケープ検索のテキストフィールドとキーボードの問題
- 9. Media Element Player終了フルスクリーンスクロールの問題
- 10. Gulp post media-queriesでCSS-mixinsの問題
- 11. クエリの問題
- 12. クエリの問題
- 13. クエリの問題
- 14. iOS Media Framework
- 15. iOSカスタムフォントグリフスペーシングの問題
- 16. getUserMedia iOSの問題?
- 17. iOSネットワークデータキャッシュの問題
- 18. iOS UIWebViewの問題
- 19. iOSのJSQMessengerViewController問題
- 20. iOS performSelectorOnMainThreadの問題
- 21. iOSアクセシビリティの問題
- 22. iosソケットストリームの問題
- 23. iOSテーブルビューカスタムセルの問題
- 24. iOS MKMapViewの問題
- 25. IOSストレージの問題
- 26. IOS:タブバーアプリケーションのランドスケープとポートレートのカスタムビュー
- 27. iPadランドスケープで画面の左側に触れる問題
- 28. mysqlクエリの問題
- 29. SQLクエリの問題
- 30. SQLクエリの問題
これは私がやっていることです。私は画面サイズ/デバイスをターゲットにしています。私は今、実際に@mediaクエリ自体を認識していることに気付きました。幅を認識していないだけです。これは100%に設定されています。 – Zumwalt
それは面白いです。申し訳ありませんが、私は深いiOSのWebデザインに慣れていない、ああ、でも良いことがあります。 –