響應(yīng)式web設(shè)計(jì)（RWD）
- 是在開發(fā)和設(shè)計(jì)網(wǎng)站過程中產(chǎn)生的一種方式从绘，它的目的是讓內(nèi)容布局能隨用戶使用顯示器的不同而變化仪缸。再明確點(diǎn)說(shuō)遗菠，這種設(shè)計(jì)概念尝蠕，就是讓原本1292像素寬烘豌，4欄的內(nèi)容，能夠很好地顯示在1025像素寬的用戶屏幕上看彼，同時(shí)還能自動(dòng)簡(jiǎn)化成2欄廊佩。這種特殊的設(shè)計(jì)形式就被稱為“響應(yīng)式web設(shè)計(jì)”。
HTML5
- 萬(wàn)維網(wǎng)的核心語(yǔ)言靖榕、標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言（HTML）的第五次重大修改标锄。
CSS3（層疊樣式表3級(jí)）
- CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開始制訂茁计，2001年5月23日W3C完成了CSS3的工作草案鸯绿，主要包括盒子模型、列表模塊簸淀、超鏈接方式瓶蝴、語(yǔ)言模塊、背景和邊框租幕、文字特效舷手、多欄布局等模塊。
JavaScript
- JavaScript一種直譯式腳本語(yǔ)言劲绪，是一種動(dòng)態(tài)類型男窟、弱類型、基于原型的語(yǔ)言贾富，內(nèi)置支持類型歉眷。
SVG（可縮放矢量圖形）
- 可縮放矢量圖形是基于可擴(kuò)展標(biāo)記語(yǔ)言（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集），用于描述二維圖形的一種圖形格式颤枪。它由萬(wàn)維網(wǎng)聯(lián)盟制定汗捡，是一個(gè)開放標(biāo)準(zhǔn)。
statcounter 的數(shù)據(jù)所制的圖和表
屏幕快照 2018-03-12 下午7.54.46.png
采用了響應(yīng)式Web設(shè)計(jì)
無(wú)采用響應(yīng)式web設(shè)計(jì)
RWD的三項(xiàng)組成科技
media query：允許網(wǎng)頁(yè)根據(jù)訪問站點(diǎn)設(shè)備的特點(diǎn)而使用不同 CSS 樣式規(guī)則畏纲，最常用的是瀏覽器的寬度扇住。
流動(dòng)網(wǎng)格：一個(gè)被顯式聲明為網(wǎng)格的容器中，其所有子元素自動(dòng)被認(rèn)定為網(wǎng)格單元格盗胀，而這些網(wǎng)格單元格在沒有被顯式設(shè)置明確位置時(shí)艘蹋，瀏覽器將會(huì)自動(dòng)為這些網(wǎng)格單元格的位置進(jìn)行計(jì)算，按照先后順序從左向右票灰，或從上到下排列女阀。在這里把這種方式稱之為網(wǎng)格的流動(dòng)宅荤。
靈活縮放的圖片：相對(duì)單位調(diào)整大小，以防止它們顯示在包含它們的元素外面浸策。
RWD和前後端的關(guān)系
RWD 是前后端的統(tǒng)一冯键，后端來(lái)輸出不同的內(nèi)容，前段來(lái)按需加載資源的榛。
教科書及RWD一詞提出人Marcotte(2010)的網(wǎng)頁(yè)連結(jié)
“響應(yīng)式web設(shè)計(jì)”這個(gè)名字是Ethan Marcotte在2010年發(fā)明的琼了。當(dāng)時(shí)逻锐，他在A List Apart上寫了一篇文章（http://www.alistapart.com/articles/responsive-web-design/）夫晌，這篇文章綜合運(yùn)用了三種已有技術(shù)（彈性網(wǎng)格布局、彈性圖片／媒體昧诱、媒體查詢）實(shí)現(xiàn)了一個(gè)解決方案晓淀，就叫做“響應(yīng)式web設(shè)計(jì)”。
