苹果七和七plus 微信刘海问题

在苹果7和7plus中开发微信公众号h5网页，如果屏幕设置可以旋转的，那么旋转横屏之后dom会被遮挡

div { position: fixed; top: 0; left: 0; width: 100px; height: 100px; border: 1px solid red; }

横屏之后会有20px遮挡 其他设备没有问题。