什么是響應(yīng)式網(wǎng)站與自適應(yīng)網(wǎng)站？

Adaptive website（自適應(yīng)網(wǎng)站） 應(yīng)對(duì)在瀏覽器的寬度變化不調(diào)整網(wǎng)頁(yè)元素的位置，縮放網(wǎng)頁(yè)元素，以適應(yīng)在可用空間。

Responsive website （響應(yīng)式網(wǎng)站） 應(yīng)對(duì)在瀏覽器的寬度變化通過(guò)調(diào)整網(wǎng)頁(yè)元素的位置，以適應(yīng)在可用空間。

PS：真不知道為什么很多人都把自適應(yīng)網(wǎng)站與響應(yīng)式網(wǎng)站混為一談。（自適應(yīng)網(wǎng)站！=響應(yīng)式網(wǎng)站）

響應(yīng)式網(wǎng)站與自適應(yīng)網(wǎng)站比較：

開發(fā)難度比較

自適應(yīng)網(wǎng)站開發(fā)起來(lái)比較既復(fù)雜（不同屏幕的適配控制）又簡(jiǎn)單（獨(dú)立于PC端），但是容易維護(hù)與調(diào)試（只有移動(dòng)端的處理事件）。

響應(yīng)式網(wǎng)站開發(fā)起來(lái)比較既簡(jiǎn)單（只需通過(guò)媒體查詢來(lái)調(diào)整）又復(fù)雜（與PC端網(wǎng)頁(yè)元素耦合度大），但是不容易調(diào)試與維護(hù)（綁定了移動(dòng)端與手機(jī)端的處理事件）。

頁(yè)面性能比較

自適應(yīng)網(wǎng)站只有移動(dòng)端的布局與樣式（內(nèi)容少），下載到瀏覽器立刻顯示，所以性能快。

響應(yīng)式網(wǎng)站不僅有移動(dòng)端的布局與樣式，還有PC的布局與樣式（內(nèi)容多），下載到瀏覽器之后進(jìn)行網(wǎng)頁(yè)布局調(diào)整再顯示，所以性能慢。

PS：響應(yīng)式網(wǎng)站也有提高性能的方法，就是針對(duì)屏幕加載不同的媒體查詢樣式，選擇性加載資源。但是性能依然不如自適應(yīng)網(wǎng)站。

用戶體驗(yàn)比較

響應(yīng)式網(wǎng)站保證PC端與移動(dòng)端的一致性，流式布局。

自適應(yīng)網(wǎng)站保證移動(dòng)端更友好的體驗(yàn)。

SEO比較

自適應(yīng)網(wǎng)站不容易聚集網(wǎng)站權(quán)重，但可以通過(guò)重定向進(jìn)行聚集權(quán)重。

響應(yīng)式網(wǎng)站容易聚集網(wǎng)站權(quán)重，容易把移動(dòng)端的權(quán)重與PC端的權(quán)重疊加，提高網(wǎng)站排名。

PS:這種做法是電腦端與移動(dòng)端使用單獨(dú)的網(wǎng)址。

響應(yīng)式網(wǎng)站OR自適應(yīng)網(wǎng)站哪個(gè)更好？該選擇哪種？

推薦開發(fā)自適應(yīng)網(wǎng)站，追求性能與用戶體驗(yàn)。（大多數(shù)的互聯(lián)網(wǎng)公司都是web PC端與移動(dòng)端分離的）

響應(yīng)式網(wǎng)站不適合開發(fā)一些比較復(fù)雜的網(wǎng)站。（涉及一些動(dòng)畫交互效果，頁(yè)面元素過(guò)多）

建議開發(fā)一套響應(yīng)式電腦網(wǎng)站（過(guò)渡到平板端，不過(guò)渡到手機(jī)端）和開發(fā)一套響應(yīng)式手機(jī)端網(wǎng)站（過(guò)渡到平板端以下的尺寸，不過(guò)渡到平板端）