我是 Phonegap 的新手，想知道是否可以使用基于设备操作系统的 CSS 来定位不同的主题/布局？即一种特定于Android的布局和主题，另一种特定于iOS，另一种特定于Windows等。
显然，我希望 UI/UX 尽可能接近原生体验。
问问题
439 次
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 回答