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

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

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

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

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

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

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