本文檔的主要內(nèi)容是響應(yīng)式布局教程之響應(yīng)式開發(fā)視頻教程免費(fèi)下載課程視頻包括了：第1章 前期準(zhǔn)備，第2章 如何組織項(xiàng)目目錄結(jié)構(gòu)，第3章 開始編寫HTML代碼，第4章 如何實(shí)現(xiàn)PC端的樣式，第5章 如何實(shí)現(xiàn)移動(dòng)端的樣式，第6章 如何實(shí)現(xiàn)響應(yīng)式廣告及響應(yīng)式圖片，第7章 Node.js簡(jiǎn)介，第8章 如何處理兼容性及在多個(gè)設(shè)備上進(jìn)行調(diào)試，第9章 如何打包發(fā)布，第10章 課程擴(kuò)展1 -- 選擇一個(gè)趁手的IDE，第11章 課程擴(kuò)展2 -- 聊聊原型設(shè)計(jì)和切圖

? ? ? ?通常認(rèn)為，響應(yīng)式設(shè)計(jì)是指根據(jù)不同設(shè)備瀏覽器尺寸或分辨率來(lái)展示不同頁(yè)面結(jié)構(gòu)層、行為層、表現(xiàn)層內(nèi)容的設(shè)計(jì)方式。

一是通過(guò)前端或后端判斷userAgent來(lái)跳轉(zhuǎn)不同的頁(yè)面完成不同設(shè)備瀏覽器的適配，也就是維護(hù)兩個(gè)不同的站點(diǎn)來(lái)根據(jù)用戶設(shè)備進(jìn)行對(duì)應(yīng)的跳轉(zhuǎn)。缺點(diǎn)：跳轉(zhuǎn)會(huì)有一定的網(wǎng)絡(luò)消耗。

二是使用media query媒體查詢等手段，讓頁(yè)面根據(jù)不同設(shè)備瀏覽器自動(dòng)改變頁(yè)面的布局和顯示，但不做跳轉(zhuǎn)。適用于訪問(wèn)量較小、性能要求不高的應(yīng)用場(chǎng)景。
?