css - 为何我看到很多人写的自适应网页外容器都没有设置width,只有类似section {display: block; }?
迷茫
迷茫 2017-04-17 12:05:52
0
3
840
迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(3)
Ty80

塊元素寬度就是100%

刘奇

section是html5中的新標籤,表示一個文檔節或區段,用該標籤是為了代碼結構更加清晰,達到語義化的目的;display:block;是為了定義元素為塊元素;塊元素預設是佔滿整行的

刘奇

一般有兩種做法

  • 一種像bootstrap,使用container設定了內容區域的寬度,並使用媒體查詢來自適應螢幕,然後container裡面的內容在用row和col來按比例分割,所以section可以不用寬度,
    另一種

  • 另一種是全屏佈局的,沒有container或者container是100%寬度的
    自適應很重要的一點就是不要規定內部元素的寬度,因為規定了寬度就沒法自適應,

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!