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

1、 自適應(yīng)式布局網(wǎng)站

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

2、 響應(yīng)式布局網(wǎng)站

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