H5页面在iphoneX中顶部及底部显示适配解决方法
h5在iphoneX上会出现如下图问题:解决方法:1、index.html中中添加 viewport-fit=cover<meta name="viewport" content="..., viewport-fit=cover" />2、给固定的header和footer添加css样式:/* 适配iphoneX顶部填充*/@supports (top: env(safe-area-inset-top)){ body, .header{ padding-top
原创
2020-06-23 09:59:04 ·
3320 阅读 ·
0 评论