如何在Ionic中为Android和iOS设置不同的风格

3bygqnnd 于 2023-02-06 发布在 Ionic

关注(0)|答案(2)|浏览(140)

当我的应用在IOS或Android设备上时，是否可以使用HTML或CSS设置不同的样式？
例如，IOS设备与Android设备的<ion-title>间隔不同。

2条答案

在这种情况下，你可以使用这样的东西。

.ios ion-title {
    color: black;
}
.md ion-title {
    color: blue;
}

您也可以在这里查看官方文档Ionic Platform Style

接受的答案不适合我在Ionic 3中，但下面的工作。我的目标是我的组件GotosComp通过ModalController显示，并希望它周围的一些利润在移动的运行从网络（PWA）。显然，利润是自动存在的，当我运行在桌面模式浏览器/响应。

.platform-mobile {
    GotosComp {
        margin: 10vmin;
        height: 50vh;
        width: 80vw;
    }
}

如果你只想针对桌面浏览器x1c 0d1x，你也可以使用.platform-core。