模拟器和网络本地主机的不同风格的离子答案

【问题标题】：Ionic different styles for emulator and web localhost模拟器和网络本地主机的不同风格的离子
【发布时间】：2020-07-31 12:27:42
【问题描述】：

我对浏览器和模拟器有不同的看法。我认为css代码目前除了浏览器之外不起作用。

例如，我为 .md body 和 iosbody 更改了 -ion-background-color:。但模拟器也显示默认主题：

请给我建议？

我正在使用 Ionic 5 和如下配置：

ionic (Ionic CLI)             : 4.12.0 (C:\Users\hckav\node_modules\ionic)
Ionic Framework               : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics    : 8.3.26
@angular/cli                  : 8.3.26
@ionic/angular-toolkit        : 2.2.0

电容器：

capacitor (Capacitor CLI) : 2.0.1
@capacitor/core           : 2.0.1

系统：

NodeJS : v12.14.1 (C:\Program Files\nodejs\node.exe)
npm    : 6.14.4
OS     : Windows 10

【问题讨论】：

标签： node.js angular ionic-framework ionic4 ionic5

【解决方案1】：

当您构建应用以在 iOS 或 Android 上运行时，这些类会自动添加到 body 标记中。

iOS：<body class="platform-ios">

安卓：<body class="platform-android">

网址：<body class="platform-browser">

这就是它们不同的原因。你可以将你的类动态添加到你的body标签来解决它

【讨论】：