前端自適應(yīng)布局的特點(diǎn)是分別為不同的屏幕分辨率定義布局，即創(chuàng)建多個(gè)靜態(tài)布局，每個(gè)靜態(tài)布局對(duì)應(yīng)一個(gè)屏幕分辨率范圍。改變屏幕分辨率可以切換不同的靜態(tài)局部，但在每個(gè)靜態(tài)布局中，頁面元素不隨窗口大小的調(diào)整發(fā)生變化?？梢园亚岸俗赃m應(yīng)布局看作是靜態(tài)布局的一個(gè)系列，網(wǎng)頁通過媒體查詢的方法自動(dòng)選擇相對(duì)應(yīng)的CSS樣式。

1.自適應(yīng)布局特點(diǎn)
前端自適應(yīng)布局，屏幕分辨率變化時(shí)，頁面里面元素的位置會(huì)變化而大小不會(huì)變化。根據(jù)不同的屏幕分辨率切換不同的布局樣式，使整個(gè)網(wǎng)頁看起來與使用的設(shè)備完美匹配。

2.自適應(yīng)布局設(shè)計(jì)方法
建企業(yè)網(wǎng)站使用 @media 媒體查詢給不同尺寸和介質(zhì)的設(shè)備切換不同的樣式。在優(yōu)秀的響應(yīng)范圍設(shè)計(jì)下可以給適配范圍內(nèi)的設(shè)備最好的體驗(yàn)，在同一個(gè)設(shè)備下實(shí)際還是固定的布局。
缺點(diǎn)：（1）媒體查詢是有限的，也就是可以枚舉出來的，只能適應(yīng)主流的寬高。（2）要匹配足夠多的屏幕大小，工作量不小，設(shè)計(jì)也需要多個(gè)版本。

3.自適應(yīng)布局的缺點(diǎn)
優(yōu)點(diǎn)很完美，前端自適應(yīng)布局缺點(diǎn)也很明顯。建網(wǎng)站公司一般會(huì)根據(jù)不同的主流屏幕做多個(gè)媒體查詢，這樣往往會(huì)增加CSS樣式的書寫復(fù)雜程度，同時(shí)，一旦網(wǎng)頁布局發(fā)生改動(dòng)后期維護(hù)工作量相當(dāng)之大。