javascript - JavaScriptを使用したiPad3画面

Question

JavaScriptは何を引き出しますか：

 screen.width 

と

 screen.height

iPad 3で？それは...ですか：

1024x768

2048x1536の幅/高さはありますか？

Answer 1

1024x768サイズがデバイス間で一貫しているようにします。

Answer 2

iPad 3の解像度は2048×1536ピクセルです。これは、現在のiPadの解像度のちょうど2倍です。

これがiPadのユーザーエージェントです。

iPad：

Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F190 Safari/6533.18.5

iPad2：

Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F191 Safari/6533.18.5

iPad3：??

ユーザーがiPadデバイスを使用しているかどうかを検出する方法があります。

// For use within normal web clients 
var isiPad = navigator.userAgent.match(/iPad/i) != null;

// For use within iPad developer UIWebView
// Thanks to Andrew Hedges!
var ua = navigator.userAgent;
var isiPad = /iPad/i.test(ua) || /iPhone OS 3_1_2/i.test(ua) || /iPhone OS 3_2_2/i.test(ua);

しかし、正しいアプローチは、ユーザーデバイスではなく、ユーザー解像度に基づいてインターフェイスを作成することだと思います。あなたはレスポンシブウェブデザインについてもっと読むことができます、あなたの訪問者は愛すべきです:)

ボーナス すべての解像度で同時に「レスポンシブ」デザインをテストできるツールがあります：http： //mattkersley.com/sensitive/