用过iPhone X的朋友都知道，IPnoneX底部有一个黑线，如果项目有底部导航栏的话，会被挡住，非常影响体验。

顺序不可以颠倒，需要定位元素添加
{
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

简单两句代码即可解决问题