如果你的客户都在使用手机、平板等移动设备寻找服务时，你的网站是否为响应式的网页设计就非常重要。

什么是响应式网页设计？

响应式网页设计（英文为：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以上时间都是使用移动设备你不会带着电脑到处跑，但却是手机不离身，无论是用餐、喝咖啡、车上、餐厅、郊外、逛街、看电视、睡前时都离不开手机。 只要有手机，都能随时随地上网、工作、拍照、分享，尤其是上厕所时，更是不能没有手机。