中英文術(shù)語
響應(yīng)式web設(shè)計
網(wǎng)頁內(nèi)容會隨著訪問它的視口及設(shè)備的不同而呈現(xiàn)不同的樣式
CSS預(yù)處理器
可以組織代碼、變量、顏色操作和數(shù)字變量
PostCSS
可以完成添加瀏覽器前綴
視口（viewport）
瀏覽器中用于呈現(xiàn)網(wǎng)頁的區(qū)域序矩。視口通常并不等于屏幕大小秉宿，特別是可以縮放瀏覽器窗口的情況下窖张。
<meta>標(biāo)簽
按照設(shè)備的寬度（device-width）來渲染網(wǎng)頁內(nèi)容拯勉。
max-width規(guī)則
保證所有圖片最大顯示為其自身的100%（即最大只可以顯示為自身那么大）。如果包含圖片的元素（比如包含圖片的body或div）比圖片固有寬度小顾瞻，圖片會縮放占滿最大可用空間泼疑。
WWW（World Wide Web）
WWW中文譯為萬維網(wǎng)，是Internet提供的一種網(wǎng)頁瀏覽服務(wù)荷荤。
DNS（Domain Name System）
域名解析系統(tǒng)
URL（Uniform Resource Locator）
URL中文譯為統(tǒng)一資源定位符退渗，其實就是Web地址（網(wǎng)址）。
HTTP（Hypertext transfer protocol）
HTTP中文譯為“超文本傳輸協(xié)議”蕴纳，是一種詳細(xì)規(guī)定了瀏覽器和萬維網(wǎng)服務(wù)器之間互相通信的規(guī)則会油。
Web標(biāo)準(zhǔn)
Web標(biāo)準(zhǔn)不是某一個標(biāo)準(zhǔn)，而是由W3C和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合古毛。
結(jié)構(gòu)標(biāo)準(zhǔn)用于對網(wǎng)頁元素進(jìn)行整理和分類翻翩，主要包括兩個部分：XML和HTML。
表現(xiàn)標(biāo)準(zhǔn)用于設(shè)置網(wǎng)頁元素的版式稻薇、顏色嫂冻、大小等外觀樣式，主要指的是CSS塞椎。
行為標(biāo)準(zhǔn)是指網(wǎng)頁模型的定義及交互的編寫桨仿，主要包括兩個部分：DOM和ECMAScript。
HTML（Hyper Text Markup Language）
HTML中文譯為“超文本標(biāo)記語言”案狠，主要是通過HTML標(biāo)記對網(wǎng)頁中的文本服傍、圖片暇昂、聲音等內(nèi)容進(jìn)行描述。
CSS
CSS通常稱為CSS樣式或樣式表伴嗡，主要用于設(shè)置HTML頁面中的文本內(nèi)容（字體、大小从铲、對齊方式等）瘪校、圖片的外形（寬高、邊框樣式名段、邊距等）以及版面的布局等外觀顯示樣式阱扬。
JavaScript
JavaScript是Web頁面中的一種腳本語言，通過JavaScript可以將靜態(tài)頁面轉(zhuǎn)變成支持用戶交互并響應(yīng)相應(yīng)事件的動態(tài)頁面伸辟。在網(wǎng)站建設(shè)中麻惶，JavaScript用于為頁面添加動態(tài)效果。
為什么需要響應(yīng)式web設(shè)計
StatCounter2017年6月瀏覽器調(diào)查報告
StatCounter2018年2月Windows 10市場份額
1.開發(fā)信夫、維護(hù)和運(yùn)營上窃蹋，相對多個版本，能節(jié)約成本静稻。
2.兼容性優(yōu)勢???
移動設(shè)備新的尺寸層出不窮警没，定制的版本通常只適用于某些規(guī)格的設(shè)備，如果新的設(shè)備分辨率變化較大振湾，則往往不能兼容杀迹，但是響應(yīng)式Web設(shè)計可以提前預(yù)防這個問題。????
3.操作靈活
響應(yīng)式設(shè)計是針對頁面的押搪，可以只對必要的頁面進(jìn)行改動树酪，其他頁面不受影響。
?采用響應(yīng)式Web設(shè)計
未采用響應(yīng)式Web設(shè)計
RWD的三項組成科技
1大州、media query（媒體查詢）：
① 使用 @media 查詢可以針對不同的媒體類型定義不同的樣式续语。
② @media 可以針對不同的屏幕尺寸設(shè)置不同的樣式，特別是如果需要設(shè)置設(shè)計響應(yīng)式的頁面摧茴。
③ 重置瀏覽器大小的過程中绵载，頁面也會根據(jù)瀏覽器的寬度和高度重新渲染頁面。
媒介類型：
print：用于打印機(jī)和打印預(yù)覽
screen：用于電腦屏幕苛白，平板電腦娃豹，智能手機(jī)等
all：用于所有媒體設(shè)備類型
媒介特征：
device-height：定義輸出設(shè)備的屏幕可見高度。
device-width：定義輸出設(shè)備的屏幕可見寬度购裙。
height：定義輸出設(shè)備中的頁面可見區(qū)域高度懂版。
width：定義輸出設(shè)備中的頁面可見區(qū)域?qū)挾取?/p>
max-device-height：定義輸出設(shè)備的屏幕可見的最大高度。
max-device-width：定義輸出設(shè)備的屏幕可見的最大寬度躏率。
max-height：定義輸出設(shè)備中的頁面可見的最大高度躯畴。
max-width：定義輸出設(shè)備中的頁面可見的最大寬度民鼓。
min-device-height：定義輸出設(shè)備的屏幕可見的最小高度。
min-device-width：定義輸出設(shè)備的屏幕可見的最小寬度蓬抄。
min-height：定義輸出設(shè)備中的頁面可見的最小高度丰嘉。
min-width：定義輸出設(shè)備中的頁面可見的最小寬度。
2嚷缭、流動網(wǎng)格布局：
網(wǎng)站的布局必須對顯示該網(wǎng)站的設(shè)備的尺寸作出反應(yīng)并適應(yīng)該尺寸饮亏。流體網(wǎng)格布局為創(chuàng)建與顯示網(wǎng)站的設(shè)備相符的不同布局提供了一種可視化的方式。
3阅爽、靈活縮放的圖片：
同一個圖片需要不同尺寸的縮略圖片路幸，一般有兩種策略生成縮略圖，一種在上傳圖片時付翁，生成需要的縮略圖简肴，另一種是請求指定尺寸的圖片時生存縮略圖片。
RWD和前后端的關(guān)系
需要依賴后端方案的RWD：
網(wǎng)頁版百侧、手機(jī)版砰识、等等分開服務(wù)、設(shè)計移层、產(chǎn)出頁面
不需要依賴后端方案的RWD：
網(wǎng)頁版仍翰、手機(jī)版、等等一起服務(wù)观话、設(shè)計予借、產(chǎn)出頁面
響應(yīng)式web設(shè)計
“響應(yīng)式web設(shè)計”是Ethan Marcotte在2010年發(fā)明的，所謂響應(yīng)式web設(shè)計频蛔，就是網(wǎng)頁內(nèi)容會隨著訪問它的視口及設(shè)備的不同而呈現(xiàn)不同的樣式灵迫。最初，響應(yīng)式設(shè)計是從桌面晦溪，固定寬度設(shè)計開始的瀑粥，然后到了小屏幕上，內(nèi)容會重排三圆，或者根據(jù)情況隱藏部分內(nèi)容狞换。隨著時間推移，還是采用相反的設(shè)計思路更好舟肉，即先為小屏幕設(shè)計內(nèi)容修噪、樣式，然后再向大屏幕擴(kuò)展路媚。----摘自《響應(yīng)式Web設(shè)計》
網(wǎng)頁設(shè)計─RWD網(wǎng)站設(shè)計趨勢http://www.eztrust.com.tw/html/rwd/index.aspx
