RWD 版面注意事項
在寫 RWD 的時候盡量不要產生 x 軸滾輪,如下範例
1 | body{ |
2 | width: 850px; |
3 | } |
會讓 user 不方便
RWD 通常只會上下滑動
max-width 屬性
最大寬度為設定寬度
網頁小於 max-width
設定的寬度會自適應寬度,不像 width
會有卷軸
1 | body{ |
2 | max-width: 600px; |
3 | } |
max-width 大於 600px 就一直固定為 600px,小於的時候就跟著螢幕寬度變動
Percent 設定寬度
參考父元素去計算