文章詳情頁
css - 移動端position:fixed;的兼容問題
瀏覽：85日期：2024-02-27 14:51:14
問題描述
pc端的網(wǎng)頁，寬度必須是1200px，允許用戶縮放，.topbar為相對于瀏覽器窗口浮動。
[正常]在PC端Chrome模擬手機、移動端Safari、微信縮放效果如下。
[錯誤]但是在安卓自帶、UC中顯示這樣的，看了下應該是相對文檔寬度
簡化代碼如下，實際環(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;是相對于瀏覽器窗口的，不會出現(xiàn)第二種情況，但實際展示確實這樣。我沒有想到好的解決方案，求助。
問題解答
回答1：
這里有一個寬度固定值 導致不是100%
補充:
這里的效果不滿足需求嗎?
所以不用做width賦值操作了, 直接給width: auto就可以了.
標簽：
CSS
上一條：android - Error: java.lang.IndexOutOfBoundsException: Invalid index 2下一條：css - 安卓內(nèi)嵌H5，padding邊距上下不一致
相關文章：
1. 請教使用PDO連接MSSQL數(shù)據(jù)庫插入是亂碼問題?2. node.js - nodejs開發(fā)中常用的連接mysql的庫3. python - 爬蟲模擬登錄后，爬取csdn后臺文章列表遇到的問題4. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處5. 視頻文件不能播放，怎么辦？6. 黑客 - Python模塊安全權限7. mysql - 把一個表中的數(shù)據(jù)count更新到另一個表里?8. Python爬蟲如何爬取span和span中間的內(nèi)容并分別存入字典里？9. python - 數(shù)據(jù)與循環(huán)次數(shù)對應不上10. mysql 查詢身份證號字段值有效的數(shù)據(jù)
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備