iPhone XR XS 底部固定定位偏移解决方案

最近在作一个活动页时，发现当上滑页面时，底部固定定位的按钮也跟着移动了一点，当下滑时，又会回到原来位置。

如上图，底部紫色按钮要求是右侧样式，结果上滑时如左图上移了。

解决办法：

html的head的meta viewport 中加 

viewport-fit=cover

<meta name="viewport"

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

 

加上以后，就正常了。