自適應(yīng)設(shè)計(jì)和響應(yīng)式設(shè)計(jì)

　　自適應(yīng)設(shè)計(jì)：設(shè)計(jì)根據(jù)多個(gè)不同的尺寸設(shè)計(jì)多個(gè)不同的頁面，一般會(huì)設(shè)計(jì)到手機(jī)端、ipad端、電腦端，開發(fā)根據(jù)不同的尺寸寫好不同的樣式，用不同的設(shè)備打開同一個(gè)網(wǎng)頁時(shí)，布局差異比較大。

　　響應(yīng)式設(shè)計(jì)：設(shè)計(jì)出一套頁面，開發(fā)只寫一套代碼，以縮放圖片，換行，或調(diào)整布局，以便網(wǎng)站可以適應(yīng)于任何屏幕尺寸，有一鏡到底的體驗(yàn)感。

　　如何判斷一個(gè)網(wǎng)站是自適應(yīng)布局還是響應(yīng)式布局

　　同一個(gè)網(wǎng)站在不同設(shè)備打開時(shí)，同一個(gè)網(wǎng)址為響應(yīng)式網(wǎng)站，有多個(gè)不同的網(wǎng)址為自適應(yīng)網(wǎng)站。

　　比如手機(jī)端一般會(huì)在網(wǎng)址前面加上m或者mobile

　　以京東商城為例，在電腦上打開網(wǎng)址顯示為：jd.com

　　切換到手機(jī)端，刷新頁面網(wǎng)址顯示為：m.jd.com

　　如何選擇設(shè)計(jì)方式

　　如果網(wǎng)站的功能不多，主要用于展示，交互少，選取響應(yīng)式設(shè)計(jì)方式，比如企業(yè)官網(wǎng)，產(chǎn)品官網(wǎng)等。開發(fā)實(shí)現(xiàn)起來成本也較小。

　　如果網(wǎng)站的功能較多，需要兼顧手機(jī)端，電腦端，ipad端，自適應(yīng)更加合適。如電商網(wǎng)站（京東，淘寶，蘇寧易購(gòu)等）。