最近在做一個活動頁時，發現當上滑頁面時，底部固定定位的按鈕也跟着移動了一點，當下滑時，又會回到原來位置。
如上圖，底部紫色按鈕要求是右側樣式，結果上滑時如左圖上移了。
解決辦法：
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">
加上之后，就正常了。