PhoneGapを使用して2番目の画面（HD）でiPadをミラーリングする

Question

開発中のiPadアプリケーションでPhoneGapを使用することを検討しています。私たちはHTML5/CSS3/JS（これは非常に精通しています）で開発する方が望ましいので、PhoneGapフレームワークは明らかに魅力的です。

しかし、私には1つの質問があります。私たちのクライアントはiPad上でアプリケーションを使用しますが、コンテンツを反映するためにHDディスプレイに接続します。問題は4：3のiPadと16：9のHDスクリーンです。純粋なObjective-Cを使用して、第2の画面に異なる内容を表示する方法や、それを拡大する方法について読んできました。

私の質問は、PhoneGapでこれを解決できますか？レスポンシブCSSはこれを処理できますか？ CSS3メディアクエリなどの使用あるいは、Objective-Cアプリケーションの開発ルートを一気に下ろさなければならないだろうか？

乾杯！

Answer 1

私の経験から、MediaGalleryのようなものはPhoneGapではうまく機能しません。例えば、PhoneGapのは、あなたのindex.htmlページに次のようにあなたを設定しながら：

<link media="only screen and (max-device-width: 480px)" href="css/iphone.css" type="text/css" rel="stylesheet" /> 
<link media="only screen and (max-device-width: 1024px)" href="css/ipad.css" type="text/css" rel="stylesheet" /> 

が、私はそれは私が物事をどのように変化したかに関係なく動作させることができなかった、私が使用して、条件付きのCSSに以下を追加するためになってしまいましたjavacript：

loadDeviceStyle: function() { 
    $("head").append("<link>"); 
    css = $("head").children(":last"); 
    css.attr({ 
    rel: "stylesheet", 
    type: "text/css", 
    href: 'css/' + Utils.device() + '.css' 
    }); 
} 

これは明らかに理想を下回っています。私はまた、viewportの設定が大きな面倒であり、その周りに自分の道をコードしなければならないことも発見しました。それは私の側ではおそらくエラーでしたが、ドキュメントは問題を解決するのに役立たなかったので、時間を費やす準備をしています。

PhoneGapは簡単にセットアップが簡単なので、私はあなたがやろうとしていることの概念証明を作成しようとしています。あなたがこの質問に確実に答えるために費やす時間は、確かに道のりの頭痛の少ないものになります。