响应式网页设计 层叠样式表 CSS動畫 IE盒模型缺陷 CSS filter 无表格网页设计 响应式网页设计 维基教科书 本模板 查看 讨论 编辑 回應式網頁設計英語Responsive Web Design通常縮寫為RWD或稱自適應網頁設計響應式網頁設計對應式網頁設計 是一種網頁設計的技術這種設計可使網站在不同的裝置從桌面電腦顯示器到行動電話或其他行動裝置上瀏覽時對應不同解析度皆有適合的呈現减少使用者進行縮放平移和捲動等操作 對於網站設計師和前端工程師來說有別於過去需要針對各種設備進行不同的設計使用此種設計方式將更易於維護網頁 此概念於年月由美國網頁設計師Ethan Marcotte所提出 採用 RWD 的網站使用CSS 中的 Media queries英语Media queries是針對 media 查詢的延伸應用藉由流體格線和回應式的圖片針對不同大小的裝置提供對應的樣式 流體格線概念要求頁面元素使用相對單位如百分比或em调整大小而不是絕對單位如像素或点 回應式圖片應以相對單位調整大小最大到 防止它們顯示於它們的上層元素外 Media queries英语Media queries允許頁面根據瀏覽裝置而使用不同 CSS 樣式規則最常用的是浏览器的宽度 回應式網頁設計變得更加重要是因為行動裝置流量現在占網際網路流量的一半以上因此Google 宣布行動裝置時代的到来Mobilegeddon年月日如果搜尋行為是來自行動裝置將會提高對行動裝置友善的網站排名