就是一個網(wǎng)站，拉到任何尺寸，都能正常顯示會自適應(yīng)到各種尺寸，包括手機一般的做法，都是用bootstrap框架做的。

響應(yīng)式布局最簡單的就是用css3來實現(xiàn)我舉一個最簡單的例子下面是html代碼lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial。

的確，響應(yīng)式布局是在移動互聯(lián)網(wǎng)誕生之后才出現(xiàn)的，最初的目的也是為了讓網(wǎng)站版面對移動端可以表現(xiàn)的更為友好但事實上，響應(yīng)式布局是針對網(wǎng)站的一種制作方案，并不是針對專門的某個終端而設(shè)計的它可以讓網(wǎng)站適應(yīng)任何一個。

HTML5+CSS3實現(xiàn)的響應(yīng)式網(wǎng)站，相對于傳統(tǒng)的網(wǎng)站為什么更快從技術(shù)角度說不出什么，因為老獅根本就不是一個開發(fā)者但是從我閱站無數(shù)的經(jīng)驗中我們發(fā)現(xiàn)太多的老網(wǎng)站為了有設(shè)計感，或者布局，都犧牲了網(wǎng)站的質(zhì)量直接就。

1選擇基本設(shè)計尺寸，一般以1080為基準確定響應(yīng)式網(wǎng)頁設(shè)計的應(yīng)用場景后，與美工或設(shè)計師溝通之前，美工通常需要制作幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖現(xiàn)在，使用streaminglayout和rem，可以使用一套設(shè)計圖，以最常用的。

這很多人對于響應(yīng)式布局網(wǎng)站建設(shè)不太了解，其實這種網(wǎng)站就是以創(chuàng)建頁面的圖片排版大小，來根據(jù)瀏覽網(wǎng)站用戶所使用設(shè)備，自動化適應(yīng)這些設(shè)備不管是出于網(wǎng)站兼容性還是用戶需求，它都能夠帶來意想不到用戶體驗效果，現(xiàn)在響應(yīng)式網(wǎng)站。

步驟1 創(chuàng)建空白的HTML 5模版 首先，我們創(chuàng)建一個空白的模版，代碼很簡單，如下所示復(fù)制代碼 步驟2 增加HTML 5新標簽 HTML 5中新增加了不少標簽，如article， aside， details， figcaption， figure， footer， header。