高度自適應布局下html、body高度設置為100%的區別


pc端

高度自適應下,PC中html、body設置高位100%,則html、body的height為可視窗口高,隨可視窗口高度變化而變化。

如果不設置100%,高度是內容高度和視窗高度較大的一方

移動端

移動端下html、body設置高為100%,則高為設備高(移動設備的視口高為定值)

如果不設置100%,高度是內容高度和視窗高度較大的一方

BUG:

可能高度由內容高決定,在彈性布局時會導致overflow:scroll設置滾動條失效,因為高度是內容高度,永遠不會超出從而形成滾動條。

以下是PC端設置100%時示例:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM