iphoneX安全区适配

首先需要在viewport的meta中的content添加viewport-fit=cover，开启覆盖安全区，此时页面内容将会覆盖整个屏幕；
若有内容不想出现在安全区，但是整个页面需要覆盖背景色，可添加css
body{
padding-top: env(safe-area-inset-top);
padding-top: constant(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-bottom: constant(safe-area-inset-bottom);
}

注意点：若设置了height:100%，需要同步设置box-sizing: content-box;否则会出现内容无法覆盖安全区