響應式與自適應設計

兩者的區別？

首先，響應式和自適應最為關鍵的區別是什麼呢？

簡而言之，響應式（百分比）就相當於液體，它可以自動適應不同尺寸的螢幕，無論你的裝置尺寸多麼奇葩。響應式使用css media queries的方法，根據目標裝置自動改變風格如顯示型別,寬度、高度等，這能很好解決不同螢幕尺寸的顯示問題。

而自適應設計是基於斷點使用靜態布局，一旦頁面被載入就無法再進行自動適應，自適應會自動檢測螢幕的大小來載入適當的工作布局，也就是說，當你要採用自適應設計**時，你得乙個乙個設計6種常見的螢幕布局。

1.320

2.480

3.760

4.960

5.1200

6.1600.

顯然，自適應設計需要做更多的工作，你必須至少設計6種常見的布局。而響應式設計可以更好地適應複雜的**裝置要求，能很好地解決顯示和效能問題。

特別是後者，這幾年有著諸多的爭議。因為許多**提供的是完整的桌面模型，即便沒有在移動端載入，但也會明顯拖慢**的速度。為了解決這一問題，我們可以用css3

的media queries解決方案，但會有一些折衷，因為響應式**無法達到專門的移動**那樣快。

至於為什麼使用響應式設計，上面就是乙個很好的例子。然而流行並不代表是最好的。在最好的東西出現之前，我們很難知道我們能做什麼，除了學習如何正確的**規範和實現乙個很好**。

結論：

響應式設計將會保持受歡迎的趨勢，這可能是因為我們還沒有找到乙個更好解決重大維護和適應性要求。自適應設計也還沒有滅亡，儘管不太受程式設計師的待見。有一點是肯定的，我們將會看到一些改進，完善現階段所出現的問題。替代響應式設計的技術也在不遠將來浮出水面。