iphoneX適配

iphoneX變化：頂部劉海，底部橫條，頁面圓角

1、配置meta

<meta name="viewport" content="viewport-fit=cover"> 

　　

2、預留安全距離

constant和env順序不能變，且必須同時存在

//為導航欄+狀態列的高度 88px 
padding-top: constant(safe-area-inset-top); 
padding-top: env(safe-area-inset-top); 
 
//為底下圓弧的高度 34px 
padding-bottom: constant(safe-area-inset-bottom); 
padding-bottom: env(safe-area-inset-bottom);