用百分比浮動就行了，代碼如下lt！DOCTYPE html lthtml lthead ltmeta；首先在寫頁面的時候就要為響應(yīng)式網(wǎng)頁做準(zhǔn)備，寬使用百分百，不設(shè)置固定高度設(shè)置meta 進(jìn)行適應(yīng)移動端頁面了解pc 端主流顯示器分辨率，設(shè)置顯示斷點(diǎn)，例如1920 * 1080 通過媒體查詢設(shè)置 1920 寬度的顯示方式，1600*1200，設(shè)置；由于媒介查詢的方法，并不適應(yīng)低版本的瀏覽器，需要加入JS去幫助兼容，以下JS可上網(wǎng)下載需要注意點(diǎn)是此JS一般需要跟網(wǎng)站的indexhtml放在同一個目錄下，不適合分開管理，否則無法加載圖片或者樣式。

指的是 HTML5 HTML5本身是由W3C推薦出來的，它的開發(fā)是通過谷歌蘋果，諾基亞中國移動等幾百家公司一起醞釀的技術(shù)，這個技術(shù)最大的好處在于它是一個公開的技術(shù)換句話說，每一個公開的標(biāo)準(zhǔn)都可以根據(jù)W3C的資料庫找尋；1響應(yīng)式網(wǎng)頁結(jié)構(gòu) 首先，我們先來看下上面案例展示的html結(jié)構(gòu)，如下圖所示可以說這是一個很典型的博客模版結(jié)構(gòu)一個wrapper容器包含了頭部內(nèi)容側(cè)欄底部2Meta標(biāo)簽 其次就需要我們針對移動設(shè)備加入這個meta標(biāo)簽；響應(yīng)式布局最簡單的就是用css3來實(shí)現(xiàn)我舉一個最簡單的例子下面是html代碼lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial。

如何做一個響應(yīng)式的網(wǎng)頁響應(yīng)式網(wǎng)頁根據(jù)不同用戶的訪問設(shè)備，呈現(xiàn)不同的頁面風(fēng)格比如PC端的頁面大小，不利于用戶在移動端的瀏覽為了滿足不同的設(shè)備屏幕，可以準(zhǔn)備適合PC和移動終端的兩套頁面服務(wù)器判斷訪問設(shè)備的類型。

請點(diǎn)擊輸入圖片描述 meta頭部設(shè)置參數(shù)，根據(jù)設(shè)備分辨率讓瀏覽器的可視寬度來適應(yīng)請點(diǎn)擊輸入圖片描述 進(jìn)入html框架部分，多版本元素一致情況下，按照其中一個版本添加html的Dom元素即可若有差異的話，也要在對應(yīng)的位置，添加；如何用css實(shí)現(xiàn)響應(yīng)式全屏布局呢滿屏大圖是當(dāng)前比較流行的一種網(wǎng)頁形式，本文將使用css的backgroundsize屬性，教您如何簡單實(shí)現(xiàn)該效果核心概念使用backgroundsize 屬性，填充整個viewport當(dāng)css屬性backgroundsize 值為cover時。

用 aAnchor，簡寫為 a來實(shí)現(xiàn)網(wǎng)頁間的跳轉(zhuǎn) a 需要一個 href 屬性 指向跳轉(zhuǎn)的目的地 同時，它還應(yīng)有內(nèi)容 例如瀏覽器將顯示文本 this links to freecodecamporg，這是一個可點(diǎn)擊的鏈接 通過這個；方法1使用已有的響應(yīng)式網(wǎng)頁框架，如bootstrap方法2a聲明頁面viewport標(biāo)簽響應(yīng)式頁面的前提條件 lt！device指設(shè)備，initialscale指打開的縮放比例，userscalable指用戶是否可以縮放ltmeta name=quotviewportquot content；由于媒體查詢的方法，不適合較低版本的瀏覽器，所以需要JS幫助兼容以下JS可以在線下載需要注意的是，這個JS一般需要和網(wǎng)站的indexhtml放在同一個目錄下，不適合單獨(dú)管理，否則無法加載圖片或者樣式請點(diǎn)擊進(jìn)入圖片說明自。

首先需要考慮是全平臺適配還是只是移動端適配這里以移動端響應(yīng)式網(wǎng)站為例，講述如何制作響應(yīng)式網(wǎng)頁#xF4CF選定基本設(shè)計尺寸選定基本設(shè)計尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計的應(yīng)用場景之后，和美工或設(shè)計師溝通，之前，一般需要美工出幾；1先在head里面設(shè)置Viewport ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot用戶可以通過平移和縮放來看網(wǎng)頁的不同部分2很多響應(yīng)式都基于網(wǎng)格視圖設(shè)計 響應(yīng)式網(wǎng)格視圖通常是 12 列，寬度為10；按圖中步驟1，2，3可以放html代碼的，所以需要先寫好一個響應(yīng)式的html頁面，然后發(fā)把代碼放到里面去就可以顯示了。