私は Phonegap を初めて使用し、デバイス OS に基づいて CSS を使用してさまざまなテーマ/レイアウトをターゲットにすることが可能かどうか疑問に思っていましたか? つまり、Android に固有のレイアウトとテーマ、iOS に固有のレイアウトとテーマ、Windows に固有のテーマなどです。
明らかに、UI/UX を可能な限りネイティブ エクスペリエンスに近づけたいと考えています。
JavaScript を使用して、デバイス固有のスタイルのボディにクラスを追加できます。
document.body.className += (" " + window.device.platform);
CSS では、特定のデバイスをターゲットにすることができます。
.iOS #navbar { background-color: #000; }
APIからPhonegapが検出したデバイス名を見つけることができます
// Depending on the device, a few examples are:
// - "Android"
// - "BlackBerry"
// - "iOS"
// - "webOS"