iphoneX 弹性滚动 黑色背景问题

最近开发中遇到了一个iphoneX的适配问题;

横向滚动时,弹性区域出现为黑色背景;

原因定位在滚动dom的 垂直居中代码

.bug {
  height: .7rem;
  line-height: .7rem;  
}

 将line-height改为0.69rem就可以了。

具体原因不太清楚,表现是当横向可拖拽的元素height=line-height的时候,弹性区域就是黑色的。

iphoneX的rem是50px,原来是0.7rem为35px,改成0.69后变成34px就好了。

备忘

原文地址:https://www.cnblogs.com/defghy/p/8033727.html