HTML 5/CSS/jQuery ベースのフルスクリーン Web アプリケーションを完全に作成し、すべてのモバイル デバイスに対応できるようにしました (コンテンツは、ユーザーのウィンドウの高さ/ブラウザーの幅に応じてスケーリングされます)。
だから私は次のことをしました：
- 互換性を維持するために JavaScript 部分に jQuery のみを使用
- ナビゲーションには、タッチ対応 (ontouchstart、ontouchmove など) の jQuery プラグインを使用しました。
- すべてのサイズ変更は jQuery によって行われるため、デバイスはアプリケーションをスケーリングしないため、次のメタ タグを使用しました。
meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"
このアプリケーションは、Windows および MacOSX、iPhone、Android 上のすべてのデスクトップ ブラウザ、または Web 上のばかげた iPad エミュレータでうまく動作しますが、実際の iPad では動作しません (iPad 2 でテスト済み)。iPad は常にアプリのサイズを変更しようとします。画像はフルスクリーンに拡大され、絶対に配置された要素は表示されないようです。
iPad の動作を「正規化」して、iPhone や jQuery を使用した通常のブラウザのように動作させる方法はありますか? iPadの愚かさに対処する別の方法やチュートリアルを知っている人はいますか?