首頁  >  問答  >  主體

css - 为何我看到很多人写的自适应网页外容器都没有设置width,只有类似section {display: block; }?

迷茫迷茫2765 天前842

全部回覆(3)我來回復

  • PHP中文网

    PHP中文网2017-04-17 12:07:52

    塊元素寬度就是100%

    回覆
    0
  • 怪我咯

    怪我咯2017-04-17 12:07:52

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

    回覆
    0
  • 怪我咯

    怪我咯2017-04-17 12:07:52

    一般有兩種做法

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

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

    回覆
    0
  • 取消回覆