兼容iphonx以上机型刘海类样式问题

使用了viewport-fit=cover

padding-top:constant:(safe-area-inset-top);  兼容iOS<11.2版本

padding-top:env(safe-area-inset-top); 兼容iOS>=11.2

发现不管怎么处理都会出现在原来位置，然后弹到增加的sage-area-inset-top的位置

目前没有找到解决办法，是必现的低端手机高ios更明显

临时解决方案是用媒介查询处理兼容，放弃原本的方案如：