其他分享
首页 > 其他分享> > 移动端兼容iphonex

移动端兼容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