margin-top:负值，padding-top:值--解决顶部一条白线的兼容性问题

自定义顶部导航中遇到一个兼容性问题，顶部总是有一条不明白线，大多数手机都不会出现，但是有部分手机可能会出现。

我采用margin-top: -1px;padding-top: 1px;的方式来解决，发现好像可以实现。

//wxml
<view class="navBar">
  <view style="height: {{statusBarHeight}}px;></view>
  <view>
    <text style="line-height: {{isIos ? 44 : 48}}px">{{item.text}}</text>
  </view>
</view>
<view class="fixed-top" style="top:{{statusBarHeight + (isIos ? 44 : 48)}}px;"></view>

//css
.navBar {
  top: 0;
  background-color: #cd0000;
}
.navBar,
.fixed-top {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
}
.fixed-top{
  transition: top .3s;
  padding-top: 1px;
  margin-top: -1px;
  background-color: #cd0000;
}

//js
data: {
    statusBarHeight: getSystemInfoSync.statusBarHeight || 20
}