有時候網站制作公司為了讓訪問用戶無論是在PC端還是移動端登錄網站時都有一個舒適且統一的視覺瀏覽體驗，就會對網頁使用自適應布局或者響應式布局。它們二者都是通過網站的后臺代碼檢測并驗證登錄設備的屏幕尺寸，從而加載不同設備的CSS樣式的，所以在原理上，網站制作公司所使用的響應式和自適應式布局是大同小異的。下面我們就來分別介紹一下。

1、 自適應式布局網站

自適應式布局的網站在設計稿上基本是保持一致的，但這仍然需要考慮到在不同的設備登錄時屏幕大小發生的變化。例如如果一個網頁的內容有6個區域，而間距有5個，那么這時候如果顯示寬度壓縮到了950，這個布局要進行如何的變化，這就是自適應式布局了。

2、 響應式布局網站

可以這么說，網站制作公司所使用的響應式布局我要設計出不同的設計稿而適應不同設備的顯示，因為它是根據設備的不同而提供不同的CSS樣式的。例如，網站會自行對訪問用戶的登錄設備進行自行判斷，如果判定訪問用戶正在使用手機來訪問網頁，那么它就會向手機里導入一份只有手機才會有的網頁布局樣式。而如果訪問用戶是使用電腦登錄的，那么就會使用電腦的CSS樣式。所以對于網站制作公司來說，響應式的布局就需要設計PC端、手機端以及平板電腦端三套設計稿了。