兼容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更明显

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

猜你喜欢

转载自www.cnblogs.com/lichuntian/p/12696870.html
今日推荐