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

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

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

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

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

開發(fā)難度比較

自適應網(wǎng)站開發(fā)起來比較既復雜（不同屏幕的適配控制）又簡單（獨立于PC端），但是容易維護與調試（只有移動端的處理事件）。

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

頁面性能比較

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

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

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

用戶體驗比較

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

自適應網(wǎng)站保證移動端更友好的體驗。

SEO比較

自適應網(wǎng)站不容易聚集網(wǎng)站權重，但可以通過重定向進行聚集權重。

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

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

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

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

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

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