這個(gè)問題，百度也有很多答案。但小編看完，只想送他們下面張圖。

而你看到的這篇，應(yīng)該是目前最簡(jiǎn)單易懂的版本了。

靜態(tài)布局：注意這個(gè)靜態(tài)不是網(wǎng)站不會(huì)動(dòng)的意思，而是不管瀏覽器多大，當(dāng)初設(shè)置的網(wǎng)頁大小也不會(huì)改變。如果要用手機(jī)訪問，橫向和豎向都會(huì)有滾動(dòng)條，不能縮放大小。當(dāng)然也存在部分是可以縮放大小的，但是分辨率不會(huì)改變。

自適應(yīng)布局：網(wǎng)頁內(nèi)容自動(dòng)適應(yīng)屏幕分辨率變化，但是數(shù)量和位置不會(huì)發(fā)生變化。像下面這種：

瀑布流布局：瀑布流布局可以理解為網(wǎng)頁中的一種樣式，網(wǎng)站的內(nèi)容一層層往下加載，像微博、今日頭條這種網(wǎng)站的消息加載就應(yīng)用了流式布局。

響應(yīng)式布局：在不同的屏幕中，都能自動(dòng)調(diào)整布局和分辨率。并且會(huì)根據(jù)終端自動(dòng)選擇舍棄一部分內(nèi)容顯示，但主要內(nèi)容是不會(huì)被舍棄的。響應(yīng)式是一種全新的設(shè)計(jì)思維。

靜態(tài)、自適應(yīng)、流式、響應(yīng)式四種網(wǎng)頁布局的區(qū)別？

靜態(tài)布局是一種比較老的網(wǎng)頁布局方式，毫無靈活性可言，目前已逐漸被淘汰。自適應(yīng)布局可看作靜態(tài)布局的升級(jí)版，響應(yīng)式布局是自適應(yīng)布局的升級(jí)版，流式布局作為一種布局樣式，可適用于其他三種網(wǎng)站布局。響應(yīng)式布局因?yàn)槠鋸?qiáng)大的靈活性，已逐漸成為高端網(wǎng)頁的代名詞。企業(yè)如果開發(fā)響應(yīng)式網(wǎng)站，就能實(shí)現(xiàn)一次設(shè)計(jì)，普遍適用。后期只需維護(hù)一個(gè)網(wǎng)站。

響應(yīng)式網(wǎng)站要普遍適應(yīng)市面上各類屏幕，開發(fā)難度和工作量都是非常大的，開發(fā)價(jià)格自然比普通網(wǎng)站高。但是在全網(wǎng)營銷的大背景下，企業(yè)如果為了省錢，只能另外再開發(fā)手機(jī)站，這樣算起來價(jià)格就很不劃算了。建站寶盒目前做出來的網(wǎng)站全部都是響應(yīng)式的，而且不用懂代碼也能做，直接套取模板就能做，支持HTML5動(dòng)態(tài)效果，普通企業(yè)展示型網(wǎng)站建設(shè)低至870元/年，是中小企業(yè)的不二選擇。購買地址：http://m.daiyun360.com/design/