但是，響應(yīng)式布局，難點(diǎn)并非是技術(shù)方面，而是設(shè)計(jì) 對(duì)于響應(yīng)式布局的技術(shù)基礎(chǔ)，只要你在MDN之類的網(wǎng)站上，把HTML5CSS3的特性吃透，基本上完全能滿足開發(fā)響應(yīng)式布局的工作 但是，技術(shù)過關(guān)了只是第一步，真正困難的是UED，如何設(shè)計(jì)站點(diǎn)如何。

讀者可能留意到這里使用的div id=”wrapper”，這個(gè)是稍候用來做meida query的時(shí)候調(diào)整全局CSS樣式調(diào)整用的 步驟3 往HTML 5標(biāo)簽中增加代碼 1首先往標(biāo)題中增加如下代碼Simple HTML5 Template 復(fù)制代碼 2往導(dǎo)航標(biāo)簽中。

第二種用bootstrap吧，bootstrap是一款CSS框架插件，自適應(yīng)上做的很好，比如，我們做一個(gè)DIV，讓電腦端顯示為三列，手機(jī)端顯示一列，可以這樣ltdiv calss=quotrowquot ltdiv class=quotcolmd3 col12quot第一列l(wèi)tdiv。

響應(yīng)式Web設(shè)計(jì)HTML5和CSS3實(shí)戰(zhàn)封面是一只瓢蟲，這本其實(shí)響應(yīng)式的東西講得比較少，大半內(nèi)容是關(guān)于介紹h5和css3的基礎(chǔ)知識(shí)，全書主要是帶領(lǐng)讀者做一個(gè)小網(wǎng)頁來寫的，適合新手入門，如果同時(shí)想了解h5和css3和響應(yīng)式設(shè)計(jì)。

2，實(shí)現(xiàn)響應(yīng)式布局的三種方式 1 CSS3Media Query最簡單的方式，但是無法滿足很多需求 2 借助原生Javascript成本高，不推薦使用 3 第三方開源框架比如bootstrap，可以很好的支持瀏覽器的響應(yīng)式布局3，CSS3。

html5你可以理解為html的第5個(gè)版本，就像是蘋果7小米4windows10一樣的概念響應(yīng)式頁面是指，使用響應(yīng)式的頁面設(shè)計(jì)思想，編寫出來的頁面，這種頁面可以在電腦這種大屏幕顯示，也可以在手機(jī)這種小屏幕顯示，這種可以一次編寫，在。

2實(shí)現(xiàn)更難 響應(yīng)式設(shè)計(jì)出的稿子，當(dāng)然還需要響應(yīng)式的實(shí)現(xiàn)響應(yīng)式的基礎(chǔ)就是HTML5， CSS3一般的建站公司，一般是沒有錢去聘用精通HTML5和CSS3技術(shù)的高手的最多是讓程序員在寫代碼之前看2天書，然后就趕鴨子上架這。

css3是css最新版本 media是css的，meta是html5的，還有Link也是html5的，響應(yīng)式無非是加判斷，切圖等親，滿意請(qǐng)采納哦有什么具體不懂，問我。