1280px の固定幅レイアウトの webapp があります。この webapp をモバイルに適応させる必要があります。基本的に、それに合わせてスケーリングして、デバイスの画面幅全体を 1280px で埋める必要があります。固定幅のビューポート メタ タグを使用してこれを行うことができました。
<meta name="viewport" content="width=1280, user-scalable=no, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"/>
モバイルクロムブラウザでうまく機能します。
次に、この webapp をモバイル アプリ内にラップする必要があります。私は Phonegap を選びましたが、Chrome ブラウザほどうまく機能しないことが判明しました。スケーリングは行わず、すべてが巨大です。
どうすれば動作させることができますか? phonegap を使用して、レイアウトを壊すことなく、画面を埋めるために固定レイアウトを適宜スケーリングすることは可能ですか? または、phonegap に代わるより良い方法はありますか?