close
rwd版型排版觀念：
- 用width會出現x軸bar，這個狀況是響應式設計不允許出現的
- 用max-width可以自適應內容
- 用％會依照父元素（瀏覽器）寬度來算比例（父元素為100%，子元素相加為100%)
- 不管設計幾欄版面，總和的％數要加起來為100%
- 左側float固定，右側流體設計，右側用margin-left往左推
- 在斷點時可以清除浮動float:none，加上自適應螢幕解析度width:100%。斷點時再把margin-left歸零
- rwd時的css reset可以加入兩行
*,*:after,*:before {
box-sizing:border-box;
}
img {
max-width:100%;
height: auto;
}
全站熱搜
留言列表
『READY前端』 (10)
