越來越多的人使用小屏幕設備上網(wǎng)，針對不同屏幕的設備開發(fā)不同的頁面成本非常大，這時，響應式Web 設計應運而生。響應式 Web 設計(Responsive ?Web Design)是由Ethan Marcotte在2010年提出的，他將媒體查詢、柵格布局和彈性圖片合并稱為響應式Web設計。

1.設計理念

從設計理念看，響應式Web設計是一種針對任意設備對網(wǎng)頁內容進行完美布局的顯示方式，與原始設計方式相比有以下兩點突破。

(1)一個網(wǎng)頁設計，多個設備使用

隨著移動產品的日益豐富，出現(xiàn)了各種屏幕尺寸的手機、Pad等移動設備，而針對每一種尺寸的設備都獨立開發(fā)一個網(wǎng)站，成本會非常高，如果要找一個成本、設計、性能的平衡點，響應式設計是最好的選擇。它可以做到一處設計，響應多種屏幕。

(2)移動優(yōu)先

以前的網(wǎng)站開發(fā)大多數(shù)是先開發(fā)PC端，再根據(jù)PC端的網(wǎng)頁及功能設計開發(fā)移動端。然而，隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，使用移動端上網(wǎng)的用戶群已經趕超PC端。由于移動端設備的屏幕小、計算資源低，如果我們先開發(fā)移動端，再開發(fā)PC端，可以迫使開發(fā)人員在更小、計算資源更低的設備中設計產品功能。這樣做，一是可以使產品功能更加核心和簡潔，二是有助于設計出性能更高的程序。

2.用戶體驗

用戶體驗對于網(wǎng)站的運營是至關重要的，網(wǎng)站如果沒有良好的用戶體驗，那么就算里面的內容再精彩，用戶也無心瀏覽下去。通常，網(wǎng)站會在移動瀏覽器上縮放，這樣雖然可以完整地給我們呈現(xiàn)想要瀏覽的內容，但鑒于移動設備屏幕大小的限制，過多的內容會使頁面看起來雜亂不堪，用戶也很難找到自己關注的內容。而響應式Web設計并不是將整個網(wǎng)頁縮放給用戶，而是經過精心篩選，有選擇性地顯示頁面的內容。

以上就是小編今天為大家分享的關于“什么響應式Web？響應式Web基礎概念”的文章，希望本篇文章能夠幫到你。云和數(shù)據(jù) ICT 職業(yè)教育發(fā)揮公司產業(yè)化優(yōu)勢與技術積淀，整合國內外優(yōu)秀師資，累計自主研發(fā) 230 余項教輔、教材，300 余 項實踐教學案例與實訓平臺，采用六位一體項目制教學模式，年 培養(yǎng)高端 ICT 技術人才超 10000 人，累計為企業(yè)輸送高端泛 ICT 技術人才超 9 萬人，學員 60%來自于口碑推薦。云和數(shù)據(jù)ICT職業(yè)教育，更大規(guī)模、更多人選擇；更好的ICT學習、更好的就業(yè)；在云和，再出發(fā)！如果你對目前的生活狀態(tài)不滿意，想提升技能，可以咨詢云和數(shù)據(jù)官網(wǎng)獲得幫助。