angular - IONIC 4 样式在视图刷新后更改

Question

IONIC 4 应用程序在刷新视图后更改样式。

甚至可以在一个简单的 IONIC 4 默认演示应用程序上复制该问题，该应用程序可以通过以下命令创建：“ionic start blablabla tabs --type=angular”。

应用程序启动后，它有一组样式，然后只需刷新视图（ctrl+R/cmd+R），它就有不同的样式。这是什么原因，我该如何解决？

以下链接是该问题的屏幕截图，右侧是应应用的预期样式，左侧是刷新后应用的样式：

[1]：https ://imgur.com/a/maiQS6b

离子信息：

• 离子（离子 CLI）：4.10.1
• 离子框架：@ionic/angular 4.0.1
• @angular-devkit/build-angular: 0.12.4
• @angular-devkit/原理图：7.2.4
• @角/cli：7.2.4
• @ionic/角度工具包：1.4.0

谢谢！

标签： angularionic-frameworkionic4

Answer 1

两种不同的视图是正常的，它们代表MD和IOS风格。

例如看两个图标：

如果您在浏览器的检查器中选择 android 或 ios 设备并刷新页面，则可以更改样式。