文章詳情頁
css - 移動(dòng)端position:fixed;的兼容問題
瀏覽：183日期：2024-02-27 14:51:14
問題描述
pc端的網(wǎng)頁，寬度必須是1200px，允許用戶縮放，.topbar為相對于瀏覽器窗口浮動(dòng)。
[正常]在PC端Chrome模擬手機(jī)、移動(dòng)端Safari、微信縮放效果如下。
[錯(cuò)誤]但是在安卓自帶、UC中顯示這樣的，看了下應(yīng)該是相對文檔寬度
簡化代碼如下，實(shí)際環(huán)境看這里
<!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;是相對于瀏覽器窗口的，不會(huì)出現(xiàn)第二種情況，但實(shí)際展示確實(shí)這樣。我沒有想到好的解決方案，求助。
問題解答
回答1：
這里有一個(gè)寬度固定值 導(dǎo)致不是100%
補(bǔ)充:
這里的效果不滿足需求嗎?
所以不用做width賦值操作了, 直接給width: auto就可以了.
標(biāo)簽：
CSS
上一條：android - Error: java.lang.IndexOutOfBoundsException: Invalid index 2下一條：css - 安卓內(nèi)嵌H5，padding邊距上下不一致
相關(guān)文章：
1. boot2docker無法啟動(dòng)2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. docker-compose中volumes的問題4. nignx - docker內(nèi)nginx 80端口被占用5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. java - SSH框架中寫分頁時(shí)service層中不能注入分頁類7. golang - 用IDE看docker源碼時(shí)的小問題8. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？9. javascript - mock.js可以存儲(chǔ)數(shù)據(jù)嗎10. docker api 開發(fā)的端口怎么獲取？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備