文章詳情頁
css - 移動端position:fixed;的兼容問題
瀏覽：90日期：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 - 在 vue里面用import引入js文件，結果為undefined2. html - 爬蟲時出現“DNS lookup failed”，打開網頁卻沒問題，這是什么情況？3. 求教一個mysql建表分組索引問題4. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發現5. html5 - input type=’file’ 上傳獲取的fileList對象怎么存儲于瀏覽器？6. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？7. python沒入門，請教一個問題8. php如何獲取訪問者路由器的mac地址9. node.js - 用nodejs 的node-xlsx模塊去讀取excel中的數據，可是讀取出來的日期是數字，請問該如何讀取日期呢？10. javascript - 我的站點貌似被別人克隆了， google 搜索特定文章，除了域名不一樣，其他的都一樣，如何解決？
排行榜
網公網安備