0%

RWD 版面

RWD 版面注意事項

在寫 RWD 的時候盡量不要產生 x 軸滾輪,如下範例

1
body{
2
  width: 850px;
3
}

RWD不要產生 x 軸滾輪

會讓 user 不方便
RWD 通常只會上下滑動

max-width 屬性

最大寬度為設定寬度
網頁小於 max-width 設定的寬度會自適應寬度,不像 width 會有卷軸

1
body{
2
    max-width: 600px;
3
}

max-width

max-width 大於 600px 就一直固定為 600px,小於的時候就跟著螢幕寬度變動

Percent 設定寬度

參考父元素去計算