RESPONSIVE WEB DESIGN 簡單介紹 - e-Ways 威誠資訊科技

這一兩年中最夯的網頁設計不外乎就是Responsive Web Design 了，中文譯名為「自適應網頁設計」（不過這個名稱仍然不太好），就字面上意思來說就是當一個網頁在不同的 ... RESPONSIVEWEBDESIGN簡單介紹::::e-Ways威誠資訊科技::::RWD 高雄網頁設計 RWD 高雄網頁設計,RWD 知識觀點Article  知識觀點 / RWD響應式網頁設計 / 詳細 MENU 網站設計 SEO搜尋引擎 MES系統 RWD響應式網頁設計 購物商城/電子商務 RWD響應式購物 ERP系統 APP手機行動網頁 系統整合 線上學習 加盟連鎖管理系統 其他 RESPONSIVEWEBDESIGN簡單介紹 04Jun2015 這一兩年中最夯的網頁設計不外乎就是ResponsiveWebDesign了，中文譯名為「自適應網頁設計」（不過這個名稱仍然不太好），就字面上意思來說就是當一個網頁在不同的解析度下，會呈現不同的介面，也就是在不同的介面上適應。

會這麼熱門的原因是，這幾年來隨著SmartPhone、Tablet等行動裝置開始興起之後，有許多人都開始使用行動裝置來閱讀網頁。

而傳統的網頁只有為傳統PC做設計的動作，在行動裝置上並不能呈現最好的效果，所以就有了ResponsiveWebDesign這個網頁設計新名詞。

什麼是ResponsiveWebDesign？ 簡單來說，就是讓一個網頁在PC、Mobile上都可以有好的瀏覽效果，而這個我們就稱為ResponsiveWebDesign。

如以下的例子，我們用SmashingMagazine的網站來做示範： 傳統PC瀏覽器顯示 如下圖，如果是解析度較大如1920*1080的解析度，會有4欄來豐富網頁版面，增強效果。

Mobile手機上顯示 因為手機的解析度比起傳統PC小很多，所以顯示的方式只有顯示主要內容區了。

上面兩個顯示不同，但是卻是同一份HTML網頁，使用CSSMediaQuery做調整，就是ResponsiveWebDesign。

如果這個網站沒有做ResponsiveWebDesign，那他的顯示方法會和傳統PC一樣，造成User還要把網頁拉大才能閱讀。

文章引用：http://fundesigner.net/responsive-web-design-explain/ RWD響應式網頁設計 相關文章 Google搜尋排名偏好RWD RWD 響應式網頁設計 為何需要響應式網頁設計？ RWD 響應式網頁設計 因應RWD新時代的網頁設計流程 RWD 響應式網頁設計 快速了解回應式網頁設計 RWD 響應式網頁設計 BACK 高雄網頁設計 RWD 高雄網頁設計,RWD Close 首頁Home 關於威誠AboutUs 服務項目Services 解決方案Solution 環安衛智能中心ESHSmartCenter RWD購物平台RWDShop 作品案例Design 知識觀點Article 聯絡我們ContactUs