Ionic，subheader在safari和ios中的呈现方式不同

Question

嘿，我需要你的一些css渲染问题的帮助，我在ios和safari上运行这个页面。

这是野生动物园：

这是设备：

我的风格是：

.subheader-large {
  position: absolute;
  top: 44px;
  /*height: 44px;*/
  line-height: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  z-index: 30;
  background-color: white;
}

且内容与：

.has-subheader {
    top: 88px;
}

Answer 1

找到解决方案，在看了设备上运行的内容div后，我发现正在应用不同的规则，无论如何我添加了以下规则：

.platform-ios.platform-cordova:not(.fullscreen) .subheader-large {
  top: 64px;
}

现在就像预期的那样。