響應(yīng)式網(wǎng)頁設(shè)計(Responsive Web design，通?？s寫為RWD)是指：頁面的設(shè)計與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進行相應(yīng)的響應(yīng)和調(diào)整。
通俗的說，自適應(yīng)網(wǎng)頁設(shè)計也是響應(yīng)式網(wǎng)頁設(shè)計，響應(yīng)式網(wǎng)頁設(shè)計也是自適應(yīng)網(wǎng)頁設(shè)計。但是真正的細分起來，自適應(yīng)只是響應(yīng)式的一個子集，指網(wǎng)頁中整體大圖的自適應(yīng)或者banner的自適應(yīng)。
響應(yīng)式網(wǎng)站就是一個可以智能的監(jiān)控訪問者屏幕尺寸并自動適應(yīng)、實時響應(yīng)的網(wǎng)站效果，無論訪客使用的是手機還是電腦或者是PAD，都能像變色龍一樣自動兼容和適應(yīng)尺寸來完整的展示網(wǎng)站的內(nèi)容和效果。
概念：伊?！ゑR科特在2010年首次提出了響應(yīng)式網(wǎng)頁設(shè)計(RWD， Responsive Web Design)的概念。
響應(yīng)式網(wǎng)絡(luò)設(shè)計 （ RWD / AWD）的出現(xiàn)，目的是為移動設(shè)備提供更好的體驗，并且整合從桌面到手機的各種屏幕尺寸和分辨率，用技術(shù)來使網(wǎng)頁適應(yīng)從小到大（現(xiàn)在到超大）的不同分辨率的屏幕。
響應(yīng)式網(wǎng)站又叫自適應(yīng)網(wǎng)站，這種網(wǎng)站可以根據(jù)用戶使用的設(shè)備，進行相應(yīng)和調(diào)整，相同的網(wǎng)站和頁面在手機、平板電腦、臺式機、手提電腦上可以進行自動適配，根據(jù)不同的屏幕尺寸，顯示出不同的界面。
自適應(yīng)布局：使用 @media 媒體查詢給不同尺寸和介質(zhì)的設(shè)備切換不同的樣式。流式布局：使用百分比定義寬度，高度大都是用px來固定，可以根據(jù)可視區(qū)域 (viewport) 和父元素的實時尺寸進行調(diào)整，盡可能的適應(yīng)各種分辨率。
自適應(yīng)設(shè)計指能使網(wǎng)頁自適應(yīng)顯示在不同大小終端設(shè)備上新網(wǎng)頁設(shè)計方式及技術(shù)。大家可以理解為不同大小的設(shè)備上呈現(xiàn)同樣的頁面，讓同一個頁面適應(yīng)不同大小屏幕，根據(jù)屏幕的大小，自動調(diào)整布局。
響應(yīng)式布局簡而言之就是一個網(wǎng)站能夠兼容多個終端，而不是為每個終端做一個特定的版本。在這里大家可以理解為做一個網(wǎng)站就能適應(yīng)多種設(shè)備，而不用在為每個設(shè)備做一個特定的版本，在不同的設(shè)備上展現(xiàn)的模式也不一樣。
需要注意的是，設(shè)為橫屏后， rpx 單位不再生效，有人建議使用 px ，但是這樣不能實現(xiàn)自適應(yīng)布局，所以我們需要引入一個新的單位： vmin 。vmin ：視口寬度 vw 和高度 vh 兩者之間的最小值。
1、自適應(yīng)，字面意思就是自動適應(yīng)。全屏伸拉應(yīng)該是全屏拉伸。意思是變成全屏。自適應(yīng)屏一般是說電子產(chǎn)品的分辨率。
2、自適應(yīng) 自適應(yīng)布局是網(wǎng)頁內(nèi)容根據(jù)設(shè)備的不同而進行適應(yīng)；通過檢測視口分辨率，來判斷當(dāng)前訪問的設(shè)備是PC端、平板還是手機，從而請求服務(wù)層，返回不同的頁面；需要根據(jù)不同使用場景開發(fā)多套界面。
3、自適應(yīng)布局：靜態(tài)布局的升級版，因其強大的靈活性，已逐漸成為高端網(wǎng)頁的代名詞。流式布局：靈活性更高，可適用于其他三種網(wǎng)站布局。
4、自適應(yīng)，字面意思就是自動適應(yīng)。比如你投影的幾何圖元，有了自適應(yīng)（就是鼠標右鍵點擊后自適應(yīng)前面有對號），在原零件改動后，投影的部分會自動更改。所以在用自適應(yīng)之前，你需要讓兩個零件間有可靠的關(guān)聯(lián)性。
5、什么叫自適應(yīng)網(wǎng)站設(shè)計 顧名思義是指網(wǎng)頁自適應(yīng)顯示在不同大小終端設(shè)備上，一次設(shè)計，普遍適用，讓同一張網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕寬度，自動調(diào)整布局。自適應(yīng)網(wǎng)站設(shè)計也通常被大家稱作做響應(yīng)式網(wǎng)站設(shè)計。
自適應(yīng)網(wǎng)站：使用同一套代碼，通過CSS和媒體查詢等技術(shù)根據(jù)設(shè)備特性進行調(diào)整，適應(yīng)不同屏幕大小。單獨手機版網(wǎng)站：有獨立的代碼和布局，專門為移動設(shè)備設(shè)計，通常包含更簡化的內(nèi)容和功能。
-自適應(yīng)網(wǎng)站能夠根據(jù)不同設(shè)備的屏幕大小和分辨率動態(tài)調(diào)整網(wǎng)頁布局，而單獨手機版網(wǎng)站則是為手機設(shè)備單獨設(shè)計的獨立網(wǎng)站。
網(wǎng)站自適應(yīng)優(yōu)點如下：更少維護 開發(fā)一個獨立的移動網(wǎng)站，會增加你的工作負擔(dān)。實際上你就擁有了兩個獨立網(wǎng)站。
自適應(yīng)網(wǎng)站不需要單獨開發(fā)手機端，是與電腦端同樣的內(nèi)容，同一后臺，這樣用戶操作起來也比較方便，不用單獨管理、上傳2套內(nèi)容。
1、注意視覺效果 設(shè)計Web頁面時，一定要用640×480和800×600的分辨率來分別觀察。許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。
2、做網(wǎng)站都知道，做自適應(yīng)的網(wǎng)站有兩大難點，一是設(shè)計難，二是實現(xiàn)難。如果想要兩者完美的結(jié)合，就需要設(shè)計和前端多溝通，這樣才能做出無論pc端還是移動端都好看的網(wǎng)站。對于設(shè)計來說一般需要注意以下兩點。設(shè)計風(fēng)格扁平化。
3、不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。CSS代碼不能指定像素寬度：width：xxx px；只能指定百分比寬度：width： xx%；或者width：auto；字體也不能使用絕對大小(px)，而只能使用相對大小(em)。
