适配iPhoneX
作者：汪娇娇
时间：2017年12月26日
我这里说的适配iPhoneX，是一种比较简单粗暴的适配法，就是填满整个屏幕（包括安全区域和上下左右这些边，见下图）。
1、meta标签
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">2、CSS
body {
padding-top: constant(safe-area-inset-top);
padding-left: constant(safe-area-inset-left);
padding-right: constant(safe-area-inset-right);
padding-bottom: constant(safe-area-inset-bottom);
}本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017/12/26 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录