我們先了解下響應(yīng)式網(wǎng)站有什么好處呢？

　　一套代碼使用方便

　　以往我們?cè)谑褂貌煌脑O(shè)備時(shí)，都會(huì)更換自己的IP和域名，這給大家的工作帶來了不少的麻煩，也降低了我們工作的效率。有了響應(yīng)式網(wǎng)站的設(shè)計(jì)，無論大家使用手機(jī)、平板還是其他的設(shè)備，大家都不用更換自己的域名。它能夠快速的適應(yīng)不同的屏幕設(shè)備，簡化了我們的工作的流程。

　　匹配多尺寸瀏覽器

　　瀏覽器的大小都是不同的，有的人喜歡大屏幕的瀏覽器，有的人喜歡小屏幕的瀏覽器。過去的瀏覽器設(shè)置都是固定的，無法改變。如今我們做了響應(yīng)式網(wǎng)站，就可以改變?yōu)g覽器的大小。

　　以下是自適應(yīng)與響應(yīng)式的三個(gè)主要區(qū)別：

　　開發(fā)界面數(shù)量不同。

　　自適應(yīng)：需要開發(fā)多套界面；響應(yīng)式開發(fā)一套界面

　　判斷瀏覽設(shè)置類型方式不同。

　　自適應(yīng)設(shè)計(jì)通過檢測(cè)視口分辨率，來判斷當(dāng)前訪問的設(shè)備是：pc端、平板、手機(jī)，從而請(qǐng)求服務(wù)層，返回不同的頁面；響應(yīng)式設(shè)計(jì)通過檢測(cè)視口分辨率，針對(duì)不同客戶端在客戶端做代碼處理，來展現(xiàn)不同的布局和內(nèi)容。

　　頁面對(duì)屏幕適配不同。

　　自適應(yīng)對(duì)頁面做的屏幕適配是在一定范圍：比如pc端（>1024）一套適配,平板（768-1024）一套適配，手機(jī)端（<768）一套適配;響應(yīng)式一套頁面全部適配。