固定布局:
以px來設置寬度!
流式布局:
以百分比來設置寬度!在寬度較小時,行寬會變得非常窄且難閱讀。因此我們要給它添加以px或者em為單位的min-width,從而防止布局變得太窄!
彈性布局:
相對於字號來設置寬度,以em為單位設置寬度!由於字號增加時整個布局寬度會加大,因此可能比瀏覽器窗口寬,導致水平滾動條出現。所以,要給它添加一個max-width為100%!
注:em始終相對於父級元素大小;rem始終相對於html大小
固定布局:
以px來設置寬度!
流式布局:
以百分比來設置寬度!在寬度較小時,行寬會變得非常窄且難閱讀。因此我們要給它添加以px或者em為單位的min-width,從而防止布局變得太窄!
彈性布局:
相對於字號來設置寬度,以em為單位設置寬度!由於字號增加時整個布局寬度會加大,因此可能比瀏覽器窗口寬,導致水平滾動條出現。所以,要給它添加一個max-width為100%!
注:em始終相對於父級元素大小;rem始終相對於html大小
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。