2012-01-09 3 views
4

"レスポンシブデザイン"のWebアプリケーションを作成して、JavaScriptの画面解像度をサーバーにポストバックし、その情報に基づいて意思決定をしたいと思っていますが、問題は、window.screenを使用して、ノートパソコン、タブレット、スマートフォンの情報ですか?screen.widthとscreen.heightの信頼性はどれくらいですか?

もちろん、最新のブラウザーとデバイスだけをサポートしていることを考慮してください。

+0

すべてのwindow.screenプロパティは、さまざまなブラウザでサポートされていません。 幅と高さは信頼できます。 [W3C DOM互換性 - CSSオブジェクトモデルビュー](http://www.quirksmode.org/dom/w3c_cssom.html#screenview) – DamirR

+0

これはブラウザに関する質問です。ほとんどのモバイルブラウザは、すべての時間。たとえば、[Mobile Firefox](https://developer.mozilla.org/ja/Mobile/Viewport_meta_tag)は、次のリリースでこの権利を取得します... – elijah

答えて

1

はい、screen.widthおよびscreen.heightは信頼性がありますが、ページをレイアウトするためのウィンドウのサイズにはもっと関心があります。たとえば、CSS3の@mediaクエリでは、画面サイズではなくウィンドウサイズが使用されます。

+0

メディアクエリのminまたはmax-device-widthとheightの参照画面に表示されます。 – kennebec

+0

ありがとうございます - それらについて知りませんでしたXD –

+0

https://code.google.com/p/android/issues/detail?id=12455によれば信頼できないようです。あなたがあなたのデバイスの向きを回転させると、screen.widthとheightは即座に更新されませんが、半秒後のように追加することができます。私はこれを「信頼できる」とは言いません。 – Pierre

関連する問題