響應式網頁設計

回應式網頁設計 ( 通常縮寫爲RWD ） ， 或稱自適應網頁設計 、 響應式網頁設計 、 對應式網頁設計 。 是一種網頁設計的技術 ， 這種設計可使網站在不同的裝置 （ 從桌面電腦顯示器到行動電話或其他行動裝置 ） 上瀏覽時對應不同解析度皆有適合的呈現 ， 減少使用者進行縮放 、 平移和捲動等操作行爲 。 對於網站設計師和前端工程師來說 ， 有別於過去需要針對各種設備進行不同的設計 ， 使用此種設計方式將更易於維護網頁 。 此概念於2010年5月由美國網頁設計師Ethan Marcotte所提出 。 採用 RWD 的網站使用CSS3 中的 ， 是針對 @media 查詢的延伸應用 ， 藉由流體格線和回應式的圖片針對不同大小的裝置提供對應的樣式 ： 流體格線概念要求頁面元素使用相對單位 ， 如百分比或em調整大小 ， 而不是絕對單位 ， 如像素或點 。 回應式圖片應以相對單位調整大小 （ 最大到 100 % ） ， 防止它們顯示於它們的上層元素外 。 允許頁面根據瀏覽裝置而使用不同 CSS 樣式規則 ， 最常用的是瀏覽器的寬度 。 回應式網頁設計變得更加重要 ， 是因爲行動裝置流量現在佔網際網路流量的一半以上 。 因此 ， Google 宣佈行動裝置時代的到來 （ Mobilegeddon ） （ 2015年4月21日 ） ， 如果搜尋行爲是來自行動裝置 ， 將會提高對行動裝置友善的網站排名 。 。