离子5：在IOS上的界面完全不同

亲爱的stack朋友们好！我需要你的帮助

摘要： 我的WEB-IOS界面与android或windows浏览器完全不同

• 有些按钮是隐藏的
• 日期显示不正确
• 选项卡图标被覆盖或显示（仅显示一半？）
• 显示或隐藏内容的NgIf指令无效
• 图像不会出现
• 可能还有很多其他的事情

再解释一下： 几个月来，我一直在从事Firebase（PWA）上托管的Ionic Angular项目。通过在我的手机（android下的Honor View 20）和浏览器（PC和同一部手机）上进行测试，一切都进展顺利。 我的应用程序终于可以测试了！然后我要求第一批用户启动它。 在android上一切都很好！ 在windows浏览器或android上一切正常！ 但是在IOS上。。。这是一场灾难

我所尝试的：

• 把所有的元素一个接一个地放回去，除了如果我使用离子，那正是因为我不需要专门为每个平台编写两次接口代码
• 我创建了另一个应用程序，并将其放到网上进行检查。一些小的差异，但大部分是CSS类，所以没什么大不了的

我认为是我的应用程序出了问题（或者更确切地说是我出了问题）

我要问的： 我根本不知道如何解决这个问题，也许有一个参数我完全忘记了，一个具体的操作要为ios做？你有什么建议或想法来帮助我解决这个问题吗

一些技术信息： 爱奥尼亚CLI:5.4.16 离子骨架：@Ionic/angular 5.1.1 @角度开发套件/构建角度：0.901.7 @角度devkit/示意图：9.1.7 @角度/cli:9.1.7 @离子/角度工具包：2.2.0

IOS上用于测试的设备： iPadiOS9.2（当时不是全新的，但我希望它能在更老的电脑上运行 版本！）

我真的不知道我还能在代码中放些什么，如果还有什么有用的，请问我

更好地理解我为什么有点恐慌

Android和浏览器界面：

接口IOS：

非常感谢你能给我的任何帮助

在等待社区成员的灵光一闪时，我一个接一个地改变了元素，以下是我迄今为止发现的修复方法：

不显示的图标：您必须添加属性color=“light”或color=“dark”（或您想要的颜色）：它可以根据平台而改变，因此如果您指定它，它不会改变