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

     2023-03-31     165

关键词:

【中文标题】如何在 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/

【讨论】:

Ionic-4 轮选择器/选择器按钮 css 自定义

】Ionic-4轮选择器/选择器按钮css自定义【英文标题】:Ionic-4wheelpicker/selectorbuttonscsscustomization【发布时间】:2019-08-1613:03:53【问题描述】:我在设置选轮按钮和分隔线的样式时遇到了困难。我想更改按钮和线条的默认颜色,但看... 查看详情

前端之css

...签。使用css选择器需要关注两点:1、选择哪个选择器2、如何选择需要使用css样式的标签。在head中添加style标签,在style标签中添加css选择器,就可以将css样式附着到body中的标签上了。二、选择器1、选择器种类(1)id选择器head... 查看详情

如何在 javascript 列表中使用 CSS 选择器?

】如何在javascript列表中使用CSS选择器?【英文标题】:HowtouseaCSSselectoronajavascriptlist?【发布时间】:2016-08-0819:04:51【问题描述】:为什么这不起作用?varanimals=[\'Cat\',\'Dog\'].valueOf;if("animals:contains(Cat)")//...【问题讨论】:javascript... 查看详情

如何在 CSS 模块中使用全局父选择器

】如何在CSS模块中使用全局父选择器【英文标题】:HowtouseaglobalparentselectorwithCSSModules【发布时间】:2017-02-0110:58:53【问题描述】:我在React应用程序中使用CSSModules。我还有一个dropdowncomponent带有一些全局样式(我很满意,因为我... 查看详情

如何在 Scrapy 中使用多个嵌套跨度 CSS 选择器?

】如何在Scrapy中使用多个嵌套跨度CSS选择器?【英文标题】:HowtousemultipleandnestedspanCSSselectorsinScrapy?【发布时间】:2019-02-2822:53:26【问题描述】:我正在处理一个涉及多个嵌套span的棘手CSS选择器问题。(A)通常HTML/CSS如下所示:<... 查看详情

如何在 CSS 中正确使用 not 选择器 [重复]

】如何在CSS中正确使用not选择器[重复]【英文标题】:HowtousethenotselectorcorrectlyinCSS[duplicate]【发布时间】:2015-12-1604:18:42【问题描述】:我了解在CSS中使用:not()的基本要点,但它似乎对我不起作用。我正在尝试做类似的事情:input... 查看详情

如何在使用照片框架从照片中选择图像时在选择器中隐藏 iCloud 图像

】如何在使用照片框架从照片中选择图像时在选择器中隐藏iCloud图像【英文标题】:HowtohideiCloudimagesinpickerwhilepickingimagefromphotosusingPhotosFramework【发布时间】:2019-05-1509:28:37【问题描述】:在我的应用程序中,我允许用户从相册... 查看详情

如何从使用 Ionic 框架中的相机插件选择的视频文件 URI 创建 Blob?

】如何从使用Ionic框架中的相机插件选择的视频文件URI创建Blob?【英文标题】:HowtocreateaBlobfromvideoFileURIselectedusingCameraPlugininIonicFramework?【发布时间】:2020-04-2620:23:57【问题描述】:在我的Ionic3应用程序中,我使用CameraPlugin从图... 查看详情

如何在c#中使用带有“not”的css选择器?

】如何在c#中使用带有“not”的css选择器?【英文标题】:Howtousecssselectorwith"not"inc#?【发布时间】:2015-12-2507:37:38【问题描述】:我想通过css选择器查​​找元素,但是我想跳过其中一些,我该怎么做?driver.FindElements(By.C... 查看详情

如何在 Ionic 3 中执行多个异步操作并在一切完成后关闭加载器?

】如何在Ionic3中执行多个异步操作并在一切完成后关闭加载器?【英文标题】:HowtoperformmultipleasynchronousactionsinIonic3anddismissaloaderaftereverythingisdone?【发布时间】:2018-05-0910:26:22【问题描述】:我开发了一个Ionic3应用程序,它可以... 查看详情

Scrapy:: 如何在 CSS 选择器中使用“not”来跳过元素

】Scrapy::如何在CSS选择器中使用“not”来跳过元素【英文标题】:Scrapy::Howtouse"not"inCSSselectortoskipelements【发布时间】:2017-06-0700:11:30【问题描述】:在scrapy中是否可以使用这样的选择器?我尝试关注但索引超出范围错误res... 查看详情

如何在 Ionic 框架中使用 SASS?

】如何在Ionic框架中使用SASS?【英文标题】:HowtouseSASSinIonicframework?【发布时间】:2015-09-0618:30:53【问题描述】:我正在尝试在我的项目中使用SASS。我打开此链接并遵循所有命令。我创建一个项目并设置SASS。http://learn.ionicframewor... 查看详情

作为初学者如何高效快速辨别使用css中不同的选择器

 首先,晒出自己的第一次作品,以次当作对日后的鼓励。 作为一个css初学者,一开始接触到许多的选择器还是有些头疼的,特别是看到style中的符号不能第一时间判断出这是哪个选择器时。先列出目前所学的选择器及格... 查看详情

css--选择器

1.类和ID选择器的区别  相同点:可以应用于任何元素  不同点:  1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。  2、可以使... 查看详情

在这种情况下如何使用 CSS 选择器选择 H5 的子项? [复制]

】在这种情况下如何使用CSS选择器选择H5的子项?[复制]【英文标题】:HowtouseCSSselectorsselectchildofH5inthiscase?[duplicate]【发布时间】:2017-02-2715:00:14【问题描述】:我正在为我的目标网页设计步骤1、2、3。在这种情况下,我使用引... 查看详情

如何在 JavaScript 中测试 CSS 选择器?

】如何在JavaScript中测试CSS选择器?【英文标题】:HowdoItestCSSselectorsinJavaScript?【发布时间】:2012-02-2806:24:49【问题描述】:我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(可能是jQuery)?【问题讨... 查看详情

如何在 CSS 选择器或 jQuery 中处理 XML 命名空间?

】如何在CSS选择器或jQuery中处理XML命名空间?【英文标题】:HowcanIhandleXMLnamespacesinCSSSelectorsorinjQuery?【发布时间】:2012-07-1504:51:17【问题描述】:我使用jQuery来解析RSS提要。我可以使用AJAX成功获取RSS提要:$.get("podcast.xml",function(... 查看详情

css选择器

 1.1基本选择器1.1.1id选择器1)作用:根据指定的id名称,在当前界面中找到对应的唯一一个的标签,然后设置属性 2)格式id名称{     属性:值} 3)注意点1、在企业开发中如果仅仅只是为了设置样式,通常... 查看详情