如何在 Ionic 框架中使用 CSS 选择器隔离特定平台

Posted 2023-03-31

【中文标题】如何在 Ionic 框架中使用 CSS 选择器隔离特定平台

【英文标题】：How to isolate specific platforms using CSS selectors in the Ionic framework

【发布时间】：2014-12-11 21:06:48

【问题描述】：

我遇到了一种罕见的情况（尽管考虑到 android 和 ios 之间的不同行为，这也是可以理解的），我想在我正在 Ionic 框架上开发的 Cordova 应用程序中使用专门针对 iOS 的不同样式。

我想知道基于平台隔离选择器的最佳方法吗？基本上我想知道如何在我的应用程序的每个页面的正文标签中插入一个类来识别平台。

我最初的选择是我可以使用 CordovaDeviceModule 并通过自定义指令或 ng 类返回平台。但这是否有点笨拙，ionic 是否提供了一种更清洁的方式来识别平台？

我正在运行 Ionic，v1.0.0-beta.13

【参考方案1】：

所以事实证明 ionic 已经将平台类融入到 body 类中，既好又简单。

我所要做的就是选择

.platform-ios 

这里有更多的文章

http://forum.ionicframework.com/t/how-to-use-platform-ios-and-platform-cordova-css-classes/5898

我仍然无法找到记录在案的可用车身平台选择器的清晰列表，但这是我目前发现的。

.platform-ios
.platform-cordova
.platform-ipad
.platform-browser
.platform-linux
.platform-android
.platform-android4_2
.platform-c 
.platform-macintel
.platform-ios8
.platform-ios8_1
.platform-webview

我认为 platform-c 指的是此处讨论的设备等级：http://ionicframework.com/docs/api/utility/ionic.Platform/