iOS 全面屏 web 适配
viewport-fit 这个属性解决全屏的问题,设置了这个属性后,页面就会填充整个刘海区域。 <meta name=“viewport” content=“width=device-width, initial-scale=1.0, viewport-fit=cover”> 上面属性设置之后,再把html,boby高度设置成100% 发现底部出现空白没有填满,这主要是这里的100%,只是安全区域的高度,是不包含非安全区域的。需要主动获取屏幕像素高度为html、body设置。 其他 viewport-fit 可设置的值: contai …