網頁的三種布局(固定布局,流式布局,彈性布局)


固定布局:

以px來設置寬度!

 

流式布局:

以百分比來設置寬度!在寬度較小時,行寬會變得非常窄且難閱讀。因此我們要給它添加以px或者em為單位的min-width,從而防止布局變得太窄!

 

彈性布局:

相對於字號來設置寬度,以em為單位設置寬度!由於字號增加時整個布局寬度會加大,因此可能比瀏覽器窗口寬,導致水平滾動條出現。所以,要給它添加一個max-width為100%!

 

注:em始終相對於父級元素大小;rem始終相對於html大小


免責聲明!

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



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