最近在做一个活动页时，发现当上滑页面时，底部固定定位的按钮也跟着移动了一点，当下滑时，又会回到原来位置。
如上图，底部紫色按钮要求是右侧样式，结果上滑时如左图上移了。
解决办法：
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">
加上之后，就正常了。