iPhoneX底部黑条遮挡问题

原创 lianqiu6 随笔 页面制作 348阅读 2018-03-16 15:30:51 举报

1:css文件要加下面这段适配:
/适配iphoneX/
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)){
body {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
/.bottom-fixed代表的是底部的按钮/
.bottom-fixed{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.bottom-fixed{background: #fff;}
}
2:html文件的<head></head>标签里要加这样一段标签:
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover" name="viewport">

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复