モバイルデバイスの画面解像度を検出する方法は？

私はモバイルWebアプリケーションの開発には新しく、jqueryMobile & asp.netで小さなアプリを書いていますが、私はオペラエミュレータで私のアプリをテストすると画面の高さに問題があります。サイズは、&の高さを&の幅に調整する方法があるので、ネイティブアプリ&のように見えます。モバイルデバイスの画面解像度を検出する方法は？

enter image description here

出典

2012-04-07 Desire

問題を示すスクリーンショットを含めることができますか？ – codaniel

あなたはCSSのターゲットスクリーンを作るためにCSSのトリックを読み取ることができ、あなたのCSSのマークアップは、次のメタタグを追加してみてくださいどのように見えるかを知らず

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

出典

2012-04-07 18:00:14

のサイズ：

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

0あなたはそれがあなたのニーズに合わせなければならないと述べた何より

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

：

これは、次のコードを追加し

出典

2012-04-07 18:02:18 user587174

てみてください、あなたのページは正しいスケールで開始する（ピンチズームを禁止する）ことを確認します。

あなたは考えるかもしれないいくつかの他のメタタグもあり、ここで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-07 18:19:23 codaniel

私はこれらすべてのことを試みました！しかし、動作していないので、ユーザーがドラッグを上下にドラッグできないようにする方法があります（アプリケーションウィンドウを希望の高さに保ちます） – Desire

ズームを無効にしますか？確かに、ユーザーがスクロールしないようにしたいというわけではありません。 – codaniel

モバイルデバイスの画面解像度を検出する方法は？

答えて

関連する問題