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

标签 css angularjs mobile ionic-framework

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

我想知道基于平台隔离选择器的最佳方法?基本上我想知道如何将一个类插入到我的应用程序中每个页面的 body 标记中以标识平台。

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

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

最佳答案

所以事实证明,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

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

关于css - 如何在 Ionic 框架中使用 CSS 选择器隔离特定平台,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27432360/

相关文章:

javascript - AngularJS:何时将 $scope 变量传递给函数

javascript - 如何在滑动时在 Twitter Bootstrap 中自动定位 sidenav

html - IE 7 中的设计问题

html - 如何在 HTML 中的可扩展列表中创建可扩展列表?

ios - Delphi xe4-如何通过HTTP访问Foursquare API

javascript - 如何在 JavaScript 中为桌面和移动设备创建不同的 onclick 行为?

python - 在不模拟设备的情况下在 selenium 中使用移动浏览器?

html - 我有一个宽度为 1240px 的 wrapper 和一个中间有 1240px 空白空间的图像。如何放置它以便 wrapper 覆盖它?

javascript - 在 Javascript 中添加一系列表示用户模型属性的 <li> 标签

angularjs - 在自定义过滤器中链接现有过滤器?