通俗的說，自適應網(wǎng)頁設計也是響應式網(wǎng)頁設計，響應式網(wǎng)頁設計也是自適應網(wǎng)頁設計。但是真正的細分起來，自適應只是響應式的一個子集，指網(wǎng)頁中整體大圖的自適應或者banner的自適應。
檢測口分辨率的不同 自適應布局通過檢測視口分辨率，就能夠判斷出來訪問網(wǎng)站用戶使用設備是：平板、電腦、手機等等，然后請求服務處將其返回到不同頁面。
自適應和響應式網(wǎng)站建設不是一回事。自適應網(wǎng)頁設計（AdaptiveWebDesign）指能使網(wǎng)頁自適應顯示在不同大小終端設備上新網(wǎng)頁設計方式及技術。
理論上來說，響應式布局在任何情況下都比自適應布局好一些，但在某些情況下自適應布局更切實際。自適應布局可以讓你的設計更加可控，因為你只需要考慮了了幾種狀態(tài)就萬事大吉了。
1、維護和更新：自適應網(wǎng)站只需要維護和更新一個網(wǎng)站，因為它使用相同的代碼和內(nèi)容適應不同的設備。而單獨手機版網(wǎng)站需要單獨維護和更新，因為它具有獨立的內(nèi)容和設計。
2、網(wǎng)站自適應優(yōu)點如下：更少維護 開發(fā)一個獨立的移動網(wǎng)站，會增加你的工作負擔。實際上你就擁有了兩個獨立網(wǎng)站。
3、-自適應網(wǎng)站能夠根據(jù)不同設備的屏幕大小和分辨率動態(tài)調(diào)整網(wǎng)頁布局，而單獨手機版網(wǎng)站則是為手機設備單獨設計的獨立網(wǎng)站。
1、做網(wǎng)站都知道，做自適應的網(wǎng)站有兩大難點，一是設計難，二是實現(xiàn)難。如果想要兩者完美的結合，就需要設計和前端多溝通，這樣才能做出無論pc端還是移動端都好看的網(wǎng)站。對于設計來說一般需要注意以下兩點。設計風格扁平化。
2、網(wǎng)站顏色搭配合理 自適應網(wǎng)頁制作，不要隨意使用不同的配色方案，一個網(wǎng)站顏色過于復雜，只會讓瀏覽網(wǎng)頁的用戶感覺到凌亂感覺。特別是一些企業(yè)網(wǎng)站使用過一些不合適顏色，讓用戶眼睛感覺到刺痛，從而對企業(yè)品牌產(chǎn)生厭惡。
3、不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。CSS代碼不能指定像素寬度：width：xxx px；只能指定百分比寬度：width： xx%；或者width：auto；字體也不能使用絕對大小(px)，而只能使用相對大小(em)。
1、注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網(wǎng)頁來很費勁。一般來說，淺色背景下的深色文字為佳。這個要點要求你最好別把文字的規(guī)格設得太小、也不能太大。
2、注重版式的設計，不要板塊冗雜；頁面版式的搭配，注重協(xié)調(diào)簡潔。舒緩的色彩設計在東莞網(wǎng)頁設計的過程中，設計者一定要注重頁面色彩的搭配，多用暖色調(diào)，協(xié)調(diào)搭配冷暖色。只有色彩足夠協(xié)調(diào)、舒緩，才能夠讓人有繼續(xù)停留的念頭。
3、在網(wǎng)頁設計時，我們首先要明確自己網(wǎng)站的目標，要達到什么程度，目標用戶是什么樣的群體等等，都要明確清楚。突出重點如果想要最高端的網(wǎng)頁，必須突出一個重點，沒有主次之分的網(wǎng)頁也難以運行，因為很難留住用戶。
4、下面介紹網(wǎng)頁自適應布局的三個要點。viewport元標簽在網(wǎng)頁代碼的頭部，加入一行viewport元標簽。
5、在進行網(wǎng)頁設計制作過程中要做到內(nèi)容多樣話、圖文并茂、簡潔新穎，使用戶能夠在最快的時間內(nèi)就找到自己想要的信息。設計情感化優(yōu)秀的設計師在進行網(wǎng)頁設計的時候，會融入自己的感情。
