什么是RWD響應式網(wǎng)頁設計？

RWD中文譯為響應式網(wǎng)頁設計(Responsive Web Design，簡稱RWD)，維基百科譯為「自適應網(wǎng)頁設計」、「回應式網(wǎng)頁設計」。因智慧型手機、平板電腦等智慧型行動裝置的出現(xiàn)，各種裝置具有不同的螢幕大小、比例，為了滿足使用者于平板、手機等各種螢幕寬度上網(wǎng)的體驗，而出現(xiàn)的網(wǎng)頁制作架站技術。采用響應式網(wǎng)頁設計技術制作的網(wǎng)站，可在同一個網(wǎng)站架構(gòu)內(nèi)，同時符合桌上型電腦、筆記型電腦、平板、手機等不同螢幕寬度的介面，達成第一次介面優(yōu)化。

響應式網(wǎng)頁于各個不同的載具介面呈現(xiàn)示意圖，會因為螢幕大小而隨著改變。

RWD響應式網(wǎng)頁設計的原理與歷史

Josh Clark針對「響應式」提出了以下的比喻「內(nèi)容如同水一般」，可以把網(wǎng)頁的內(nèi)容想像成水，一樣是500cc的水，但是在不同的容器會有不同的樣子，會依照裝水的容器外型隨之改變，如下圖左方；相同的網(wǎng)頁內(nèi)容，在智慧型手機、平板、桌上型電腦就會如同水一樣，會依照不同的寬度大小呈現(xiàn)不同的樣子

由于智慧型手機螢幕較窄、較長的關系，因此介面設計較電腦版網(wǎng)頁精簡，例如主選單的設計常常采用三條線或是加號的設計，在網(wǎng)頁設計的術語稱作「漢堡包」，如同ccxcn官方網(wǎng)站右上方的設計。
以下提供您簡單的響應式網(wǎng)頁設計歷史：

• 2002年：Audi.com在當時設計出第一個能符合螢幕大小進而縮放的網(wǎng)站，這里有來自當時開發(fā)作者的介紹。

• 2010年：由Ethan Marcotte提出了「Responsive Web Design」響應式網(wǎng)頁設計一詞。

• 2013年：Mashable(網(wǎng)際網(wǎng)路新聞部落格)將2013年定為響應式網(wǎng)頁設計年，從此開始在世界各地流行。

文章題目：什么是RWD響應式網(wǎng)頁設計？
文章URL：http://muchs.cn/news/79941.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、定制網(wǎng)站、做網(wǎng)站、品牌網(wǎng)站建設、網(wǎng)站改版、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)