如果你的客戶都在使用手機、平板等移動設備尋找服務時，你的網站是否為響應式的網頁設計就非常重要。

什么是響應式網頁設計？

響應式網頁設計（英文為：Responsive web design，通常縮寫為RWD），或稱自適應網頁設計、響應式網頁設計、對應式網頁設計。 是一種針對目前移動設備網頁設計的技術做法，該設計可使網站在不同的設備（從桌面電腦顯示器到移動電話或其他移動產品設備）上瀏覽時對應不同分辨率皆有適合的呈現，減少用戶進行縮放、平移和卷動等操作行為。 對于網站設計師和前端工程師來說，有別于過去需要針對各種設備進行不同的設計，使用此種設計方式將更易于維護網頁。 此概念于2010年5月由國外著名網頁設計師Ethan Marcotte所提出。

采用RWD設計的網站使用CSS3 Media queries，即一種對@media規則的擴充功能，以及基于比例的網格和自適應大小的圖像以適應不同大小的設備。

網格概念會要求頁面元素使用相對單位，如百分比或字型排版自動調整大小，而不是像以前絕對的寬度及大小，如寬度為1024或768。

靈活的圖像也以相對單位調整大小（最大到 100%），以防止它們超過網格，而顯示在包含它們的元素外面。

Media queries允許網頁根據訪問站點設備的特點而使用不同 CSS 樣式規則，最常用的是瀏覽器的寬度。

響應式網頁設計變得更加重要，因為移動設備流量現在占互聯網流量的一半以上。 因此，Google宣布移動設備時代的到來（Mobilegeddon）（2015年4月21日），并開始提高移動設備友好的網站的評價，并給予更好的推薦，譬如在手機上搜尋，有響應式設計的網站可以優先出現，而未有響應式設計的網站，則可能不會出現在移動設備的搜索結果，這迫使企業在這些年積極的升級網站為響應式設計。

• 行動上網流量已遠超過電腦

  根據Yahoo 電商統計，商務來自移動設備的流量高達60%，營收達40%，遠遠超過電腦。 開電腦是麻煩的，但隨時用手機或平板卻很方便，目前幾乎所有人都會用手機搜尋所需要的服務，如果你的網站在手機上還要縮放，造成消費者的痛苦，消費者會毫不留情的跳過。

• 移動設備普及率70%

  移動設備普及率高達七成資策會FIND公布最新調查結果顯示，國內12歲以上使用智能型手機或平板電腦者已達到1604萬人，約每4人便有3人為移動設備用戶，比例還在增加中，由于行動通訊的流行，現在連爺爺奶奶都已人手一機，若在都會區，比率則更高。

• 移動設備使用率75%

  大多數人3/4以上時間都是使用移動設備你不會帶著電腦到處跑，但卻是手機不離身，無論是用餐、喝咖啡、車上、餐廳、郊外、逛街、看電視、睡前時都離不開手機。 只要有手機，都能隨時隨地上網、工作、拍照、分享，尤其是上廁所時，更是不能沒有手機。