1. 流式布局：使用百分比像素來定義網頁內容。通過設置盒子的寬度設置為百分比來根據屏幕的寬度來進行伸縮，不受固定像素的限制，內容向兩邊填充。 2. 響應式開發：使用css3的媒體查詢（Media Query），通過查詢screen的寬度來指定某個寬度范圍區間的網頁布局。 * 超小屏幕(移動設備) 768px一下 * 下屏設備768px-992px; * 中等屏幕 992px-1200px; * 寬屏設備 1200px已上 3. 移動web和響應式的區別 * 移動web:一般在已經有的pc端的網站，開發移動網站的時候，只需要單獨開發移動端。只適配移動端。 * 響應式開發：需要一套頁面，兼容各個頁面，可以適配各種終端，代碼復雜。