響應(yīng)式網(wǎng)站是用目前最新的網(wǎng)頁制作技術(shù)5來做的，他可以根據(jù)使用者所用客戶端來自動識別是pc端還是移動端，從而給出最合適的顯示方式只要你會5，就可以做響應(yīng)式布局 如果不用5語言寫，那就用普通的4來寫，寬高用。

響應(yīng)式Web設(shè)計的方法 介紹完響應(yīng)式Web的背景和概念之后，是時候該介紹具體的實現(xiàn)方法了，其實響應(yīng)式Web設(shè)計的方法很簡單，就是利用CSS3的媒體查詢Media Queries和Viewport來解決問題的首先我們一起來看看Media Queries，這里我。

end footer通過上面代碼可知它是通過@media媒介查詢判斷來執(zhí)行的CSS樣式，也就是說如果我要做一個響應(yīng)式布局網(wǎng)站，同時兼容手機平板PC的話就得寫三個與之對應(yīng)的CSS樣式，通過@media媒介查詢來完成響應(yīng)式布局。

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)簽。

以便可以在不同的分辨率下采用不同的風(fēng)格還有一點，如果是移動開發(fā)，一定要把下面的代碼加到頭里metaname=viewportcontent=width=devicewidthinitialscale=10 求HTML指教，當(dāng)瀏覽器窗口大小變化時，如何讓內(nèi)容布局。

也就是一半colsm6 代表在平板上也顯示div占當(dāng)前行的一半colxs12 代表在手機端顯示為當(dāng)前行的百分之百填充3還有其他方式，如JQuery和專門做響應(yīng)式的JS文件，比如nicebox均能實現(xiàn)自適應(yīng)效果，實現(xiàn)響應(yīng)式布局。