高質感的Logo設計，幫品牌說故事。感動人心的商標設計，讓人印象深刻，過目不忘。馬上聯繫我們。

企業官網、品牌形象網站架設經驗超豐富，各種風格都難不倒我們！大奧資訊專業網站設計。Google 說使用者體驗對 SEO 很重要，怎麼辦？快來找山葵組為你打造回頭率超高的官網！

專業RWD響應式網頁設計,效率建構網站。提供整合管理服務,網站/虛擬主機/網域,你不再當網站孤兒！ 網站建構企業形象，幫助您迅速拓展業務。 形象影片。關鍵字廣告。

大奧資訊×大奧設計 從設計到網頁設計一手包辦到好

RWD響應式網頁設計

（英語：Responsive Web Design，通常縮寫為RWD），或稱自適應網頁設計、響應式網頁設計、對應式網頁設計。 是一種網頁設計的技術，這種設計可使網站在不同的裝置（從桌面電腦顯示器到行動電話或其他行動裝置）上瀏覽時對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和捲動等操作行為。

對於網站設計師和前端工程師來說，有別於過去需要針對各種裝置進行不同的設計，使用此種設計方式將更易於維護網頁。

此概念於2010年5月由美國網頁設計師Ethan Marcotte所提出。

採用 RWD 的網站使用CSS3 中的 Media queries，是針對 @media 查詢的延伸應用，藉由流體格線^[和回應式的圖片針對不同大小的裝置提供對應的樣式：

• 流體格線概念要求頁面元素使用相對單位，如百分比或em調整大小，而不是絕對單位，如像素或點。^[9]
• 回應式圖片應以相對單位調整大小（最大到 100%），防止它們顯示於它們的上層元素外。
• Media queries允許頁面根據瀏覽裝置而使用不同 CSS 樣式規則，最常用的是瀏覽器的寬度。

回應式網頁設計變得更加重要，是因為行動裝置流量現在占網際網路流量的一半以上^[14]。因此，Google 宣布行動裝置時代的到來（Mobilegeddon）（2015年4月21日），如果搜尋行為是來自行動裝置，將會提高對行動裝置友善的網站排名。^[15]。