用过iPhone X的朋友都知道,IPnoneX底部有一个黑线,如果项目有底部导航栏的话,会被挡住,非常影响体验。
顺序不可以颠倒,需要定位元素添加
<meta name="viewport" content="viewport-fit=cover" />
{
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
简单两句代码即可解决问题