iphonex 元素不能定位底部

项目里面购买按钮定位到页面底部，其他手机都没问题，但是iphonex后距离底部一段距离，查了一下是iphonex的安全区域。

解决的话，在html 的标签中

<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover">

viewport-fit=cover 添加这个就可以了