移动端兼容iphonex

1:
设置网页的头部标签（viewport-fit=cover"）

<meta name="viewport" content="width=device-width, viewport-fit=cover">

2:将页面主体设置在安全区域内（padding-bottom/bottom/margin-bottom）

.footer{
		 padding-bottom: constant(safe-area-inset-bottom);
		 padding-bottom: env(safe-area-inset-bottom); 
}

标签：safe,iphonex,area,bottom,兼容,padding,inset,设置,移动
来源： https://blog.csdn.net/qq_32184753/article/details/120220115