響應式佈局

簡介

什麼是響應式佈局? 同一個頁面在不一樣屏幕尺寸下有不一樣的佈局

傳統的開發方式是PC端開發一套,手機一套
使用響應式佈局只須要開發一套代碼就能夠,缺點是css比較重
複製代碼

響應式佈局方案選擇響應式設計可選擇的方案有：

CSS3（推薦）：媒體查詢，兼容到IE9+，但能夠經過插件兼容IE6-8
Flex：彈性佈局，兼容性較差（IE10+）
Grid：網格佈局，兼容性更差
Columns：柵格系統，每每須要依賴於某個UI庫，如bootstrap

響應式開發最很差不要雜合使用rem
複製代碼