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">

 

加上以後，就正常了。