文章詳情頁
css - 移動端position:fixed;的兼容問題
瀏覽:199日期:2024-02-27 14:51:14
問題描述
pc端的網頁,寬度必須是1200px,允許用戶縮放,.topbar為相對于瀏覽器窗口浮動。
[正常]在PC端Chrome模擬手機、移動端Safari、微信縮放效果如下。
[錯誤]但是在安卓自帶、UC中顯示這樣的,看了下應該是相對文檔寬度

簡化代碼如下,實際環境看這里
<!DOCTYPE html><html><head> <meta charset='UTF-8'> <style>body{ width:1200px;}.topbar{ position: fixed; top: 0; left: 0; width: 100%; height: 40px;} </style></head><body> <p class='topbar'></p></body></html>
理論上說position: fixed;是相對于瀏覽器窗口的,不會出現第二種情況,但實際展示確實這樣。我沒有想到好的解決方案,求助。
問題解答
回答1:


這里有一個寬度固定值 導致不是100%
補充:
這里的效果不滿足需求嗎?

所以不用做width賦值操作了, 直接給width: auto就可以了.
標簽:
CSS
上一條:android - Error: java.lang.IndexOutOfBoundsException: Invalid index 2下一條:css - 安卓內嵌H5,padding邊距上下不一致
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. javascript - nodejs關于進程間發送句柄的一點疑問4. javascript - 移動端上不能實現拖拽布局嗎?5. 實現bing搜索工具urlAPI提交6. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?7. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~8. phpstudy8.1支持win11系統嗎?9. 配置Apache時,添加對PHP的支持時語法錯誤10. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化
排行榜

網公網安備