[筆記]解決頁面縮小時頁面布局會亂的問題


  1. 給body加上一個min-width最小寬度,以px為單位,這樣當頁面變小時,當達到你所設置的最小寬度,body的寬度不再改變,超出的部分會用橫向滾動條顯示,其內所有元素的布局也不會受影響。

  2. 使用百分比設置寬度,所有會在頁面變化后布局改變的元素的寬度都設置成百分比寬度,這樣在縮放時,頁面內的各個元素也會跟着縮放,寬度占比不變,當然前提是設置CSS樣式前,先給body和html這兩個元素設置寬度為100%,避免后面出錯。

至於高度,建議使用確定的值,不要用百分比,因為頁面的大小對高度基本沒影響,讓元素自己去撐盒子得高度。


免責聲明!

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



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