IOS下浏览器顶部出现1条白线或间隙解决方法

因元素position:fixed;后，IOS下浏览器滚动造成顶部出现1条白线或间隙

 

可以使用transform:translate3d(0,-1px,0);样式解决问题

.header{
    position:fixed;
    left:0px;
    top:0px;
    z-index:100;
    height:40px;
    transform:translate3d(0,-1px,0);
    padding-bottom:1px;
}