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

什么是響應(yīng)式網(wǎng)頁設(shè)計？

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

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

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

靈活的圖像也以相對單位調(diào)整大?。ㄗ畲蟮?100%），以防止它們超過網(wǎng)格，而顯示在包含它們的元素外面。

Media queries允許網(wǎng)頁根據(jù)訪問站點設(shè)備的特點而使用不同 CSS 樣式規(guī)則，最常用的是瀏覽器的寬度。

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

• 行動上網(wǎng)流量已遠超過電腦

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

• 移動設(shè)備普及率70%

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

• 移動設(shè)備使用率75%

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