2

私はモバイル Web アプリの開発は初めてで、jqueryMobile と asp.net で小さなアプリを作成しましたが、画面の高さに問題があります。オペラ エミュレーターでアプリをテストすると、大きな画面サイズでアプリのサイズが小さく見えます。高さと幅を検出して調整し、ネイティブ アプリのように表示して画面全体を埋める方法はありますか。

ここに画像の説明を入力

ここに画像の説明を入力

4

3 に答える 3

1

CSS マークアップがどのように見えるかを知らなくても、次のメタ タグを追加してみてください。

<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">

これにより、ページが正しい縮尺で開始されるようになります (ピンチ ズームが禁止されます)。

于 2012-04-07T18:02:18.773 に答える
0

cssトリックを読んで、CSSのターゲット画面サイズを作成できます

http://css-tricks.com/css-media-queries/

于 2012-04-07T18:00:14.110 に答える
0

次のスニペットを追加してみてください。

<meta name="viewport" content="width=device-width">

あなたが言ったことから、それはあなたのニーズに合うはずです。

ビューポート メタ タグの詳細については、https://developer.mozilla.org/en/Mobile/Viewport_meta_tagをご覧ください。

他にも検討できるメタ タグがいくつかあります。

<meta name="HandheldFriendly" content="True">

<meta name="MobileOptimized" content="320"/>

これらのほとんどは、html5 モバイル ボイラープレートを調べて学んだことです。これは、あらゆるモバイル アプリケーションの堅実な出発点です。あなたがそれをチェックアウトする前にそれをチェックしていないなら、それはあなたを大いに助けると信じていますhttp://html5boilerplate.com/mobile

于 2012-04-07T18:19:23.387 に答える