1

PhoneGap を介して Html、Css、Js を使用したモバイル アプリの設計を始めたばかりで、最初の目標は、すべてのコンテンツが特定の電話に完全に適合するようにすることです。ですから、私のアプローチが正しいかどうか、またどのように実装すればよいかお聞きしたいと思います。

私の考えは、デバイスの幅と高さを JavaScript で取得することです。これらの値を返す PhoneGap 関数がいくつかあると思います。次に、この値を使用して html の幅と高さを設定します (onBodyLoad() 関数を使用してこれを行う必要があると思います。間違っている場合は修正してください)。このようにして、html 本文をデバイスの画面サイズに設定します。ピクセルの代わりに % を介して他のすべての要素を配置します。

また、ランダム検索で次の行を見ました。

<meta name="viewport" id="viewport"
 content="width=device-width, height=device-height,
 initial-scale=1.0, maximum-scale=1.0,
 user-scalable=no;" />

これも機能するはずですが、機能するかどうか、およびどのように機能するかはよくわかりません。スー...これを行うための最良のアプローチは何だと思いますか? たぶん、私が気付いていない他のものがありますか？

助けてくれてありがとう！

4

2 に答える 2

0

これは無料の PhoneGap フレームワークです。アプリケーションのシェルとして div#body があり、#body は電話スクリーンとして全幅と高さを持ちます。すべてが #div でラップされます。

于 2013-01-17T04:46:20.730 に答える
0

使用している要素などによっては、幅をパーセンテージに設定するだけでうまくいくはずです.JavaScriptなどは必要ありません.

あなたが投稿したビューポートコードブロックは、かなり標準的なPhonegapコードであり、ページなどに入ることができないようにするだけです.

于 2013-01-16T23:18:18.680 に答える