Ionic 3 iOS 11多个样式问题

Question

注意：这不是屏幕尺寸问题，因此请勿将其标记为iOS 11 Ionic 3迁移问题的副本。

问题

在关注updating apps to iOS 11和iPhone X的Ionic 3文档之后，由于缺少更好的词组，我曾经整齐风格的用户界面搞砸了。令我感到困惑的是，这是否与Ionic团队相关的问题增加了视口宽度和高度，以至于缩小了我的 vw - 和vh - 单位测量数据量

然而，总体趋势是，我设置手动高度和宽度的元素比通过Ionic通用CSS调整大小的元素更加明显。

错误的来源可能就是我在index.html文件中的这一行（注意viewport-fit:cover）：

<meta name="viewport" content-type="initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">

iPhone X上的问题（与其他平台类似）

预期结果

iPhone 8和早期设备上的预期结果

我公司的beta测试是在几天之内，所以任何帮助都将得到真诚的赞赏。

作为参考，这就是iPhone X上出现网络错误的方式。

更新

1. 我也意识到我可以放大和缩小视口，即使我设置了user-scalable=no。