0

私は Phonegap を初めて使用し、デバイス OS に基づいて CSS を使用してさまざまなテーマ/レイアウトをターゲットにすることが可能かどうか疑問に思っていましたか? つまり、Android に固有のレイアウトとテーマ、iOS に固有のレイアウトとテーマ、Windows に固有のテーマなどです。

明らかに、UI/UX を可能な限りネイティブ エクスペリエンスに近づけたいと考えています。

4

1 に答える 1

0

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"
于 2013-11-04T13:18:43.820 に答える