IphoneX 兼容


<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">



设置代码 meta,其中关键是  viewport-fix=cover   表示覆盖刘海部分

当然,刘海覆盖后高度发生了变化,内容可以设置移动,下面是通过代码设置把body移动到safe区域之中


body {

  padding-top: constant(safe-area-inset-top);

  padding-bottom: constant(safe-area-inset-bottom);

}


回复数量:0