最近在做乙個活動頁時，發現當上滑頁面時，底部固定定位的按鈕也跟著移動了一點，當下滑時，又會回到原來位置。
如上圖，底部紫色按鈕要求是右側樣式，結果上滑時如左圖上移了。
解決辦法：
html的head的meta viewport 中加
viewport-fit=cover
content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0,viewport-fit=cover">
加上之後，就正常了。
html css底部自動固定底部
前端在切圖過程中，肯定遇見過這種情況。頁面結構由三個部分組成，頭部 內容 底部。當乙個頁面的內容沒撐滿螢幕時，底部是跟著內容而並列存在的。這個時候如果是大屏的話，底部下面會有多餘的空白區域，而網頁設計需求必須要底部貼近瀏覽器底部。固定定位，絕度定位都不好使。廢話不多說，直接上 實現 doctype ...
CSS 底部固定
底部固定的兩種理解 1 無視content多高，footer始終固定在底部，隨著瀏覽器視窗高度的減小會覆蓋content內容 2 在意content高度，當瀏覽器視窗高度小於或等於content高度時，footer不去覆蓋content。相應解決方案 1 footer固定定位 footer 2 fo...
css的固定定位
三 固定定位 fixed 表示固定定位，與 absolute 定位型別類似，但它的相對移動的座標是檢視 螢幕內的網頁視窗 本身。由於檢視本身是固定的，它不會隨瀏覽器視窗的滾動條滾動而變化，除非你在螢幕中移動瀏覽器視窗的螢幕位置，或改變瀏覽器視窗的顯示大小，因此 固定定位 的元素會始終位於瀏覽器視窗內...