你的网站是否适应移动互联网时代的用户需求？用户通过智能手机或平板电脑访问你的网站时，你能自动响应小屏幕设备吗？你能保证跟桌面一样的用户体验吗？新的网站设计或现有网站改版再不考虑移动设备，你就会失去客户！
想做移动网站但又不愿花太多钱？采用响应式网站设计(RWD)是最佳选择！
我们采用HTML5/CSS3、Drupal和Magento等最新网站设计和开发技术，自2009年以来为数百家客户提供专业服务，拥有业界专业的移动网站设计、开发和营销团队。想设计最高性价比的移动网站，现在就咨询我们吧！
我们认为2013年响应式网站设计(RWD)将成为网站设计的主流，因此我们决定完全转向RWD，所有网站项目都将采用这一新的设计模式，以兼顾网站在所有访问设备(从桌面电脑到智能手机)上正常显示，让网站提供完整而友好的用户体验。
一. 什么是响应式网站设计？
根据维基百科的定义，响应式网站设计(简称RWD)是一种新的网站设计模式，以此构建的网站可自动适应不同的访问设备(从桌面电脑、平板电脑到智能手机)，方便用户阅读和导航浏览，减少用户的放大/缩小/滑动操作，从而提供完整而友好的用户体验。
Responsive web design (often abbreviated to RWD) is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
响应式网站设计有三个关键组成部分：1. media query; 2. 流动网格；3. 灵活缩放的图片。
基于RWD而设计的网站利用CSS3 media queries规则来自动适应不同访问设备的屏幕尺寸和显示要求。而流动网格采用页面元素大小的相对单位(百分比或EM)，而非传统设计使用的绝对单位(像素或点数)，以确定页面各组成元素的大小。最后，图片大小也是采用相对单位而灵活缩放，不至于在小屏幕的移动设备上超出显示区域。
二. 新的网站设计或现有网站改版为何要采用响应式网站设计？
智能手机的飞速发展和普及对人们生活和工作的影响越来越大，人们使用互联网获取信息的方式也在改变，预计2013年全球通过移动设备访问互联网的用户量会超过传统桌面电脑的访问量。
无论公司大小，在规划新的网站设计或考虑现有网站改版时，都应当重视移动设备的用户访问。如果你的潜在客户通过智能手机访问你的网站，他/她要不断地放大和缩小，花费半天功夫才能了解你的公司和产品信息，给人的第一印象就比较糟糕，十有八九这个潜在客户会直接离开，而转向网站设计更为友好的竞争对手。
那么要适应移动用户访问的需要，必须单独设计一个移动网站吗？也许有实力和资源的大公司可以采用这种设计模式，但是移动网站能够适应不同移动设备的要求吗？iPhone/iPad, Android, Windows Phone，不同操作系统和屏幕尺寸的移动设备层出不穷，难道要针对每个主流移动设备设计不同的网站吗？显然这是不可能的，即便大公司要维护这样的网站群也无法应付。
是否有切实可行、中小公司又可以负担得起的网站设计方式呢？响应式网站设计(RWD)就是答案，这也是为何这种设计模式为全球设计行业所接受而开始成为主流的原因。慧衡的网站设计团队率先采用这种设计理念，承诺为客户设计的所有网站都将基于RWD，以便为网站用户提供最佳的访问体验。
三. 响应式网站设计相对于传统网站设计有哪些优点和缺点？
传统网站设计是专门针对互联网时代的PC而设计的，基于"PC only"设计理念，用户交互仅限于鼠标。而响应式网站设计是因应移动互联网(或者乔布斯所谓的后PC时代)的需要而发展起来的新式设计，基于“Mobile First”设计理念。RWD在用户交互方面兼顾了鼠标和触摸，既迎合了移动设备的需要，又可兼顾桌面PC的用户访问。
相对于传统网站设计，响应式网站设计有如下优势：
1. 一个网站兼顾所有设备。无需单独设计、开发和维护移动站点，大大节省网站建设和运营成本。
2. 网站访问体验更好。因为要考虑移动设备的性能和用户使用场景，RWD设计尽量简约，不是必要的花哨设计(很多传统网站设计很热衷这些)都不要考虑。这样设计出的网站才真正符合用户获取信息的需求，而不是仅仅满足公司老板或设计师的喜好。
3. 对搜索引擎更为友好，有助于网站在百度/Google上的排名。Google强力推荐网站采用响应式设计，自然在搜索排名上偏爱这类网站，相信百度也会考虑这个因素。
当然，响应式网站设计也有其不足之处。比如，无法兼容老的浏览器(IE6/7)，在某些移动设备上显示效果和功能灵活性不如单独的移动网站。此外，并非任何类型的公司和网站都适合RWD，公司在做网站设计规划时要切合实际情况和目标用户需求，选择合适的设计方案。
总的来说，对于大多数中小公司来说，响应式网站设计是不错的选择，既节省了网站运营成本，又可为潜在客户提供友好的访问体验。
四. 哪些类型的网站适合使用响应式网站设计？
1. 移动App开发者的公司网站和单独的App网页；
2. 希望充分利用互联网的初创型公司网站；
3. 外贸型企业网站；
4. 新式的电子商务网站；
5. 面向消费者和大众市场的品牌企业网站；
6. 新兴互联网媒体和网上社区类网站；
7. 传统媒体向移动互联网数字化过渡的网站改版；
8. 任何不想放弃移动互联网用户的商家和个人网站。
五. 如何快速构建一个有效的响应式网站？
响应式网站设计并非一个全新的网站设计技术，只是一个新的设计理念和模式。很多传统网站设计的经验和技巧都可以派上用场，只要针对移动设备做好优化就行了。
要快速有效地构建一个响应式网站设计，慧衡建议采用全球主流的网站系统和相应的RWD设计模版，比如适合企业网站和网上媒体的内容管理系统WordPress和Drupal，以及电子商务网站系统Magento。
我们可以按照客户的要求和潜在网站用户的特征，推荐最佳的响应式网站设计方案，挑选合适的基础RWD模版，并在此基础上根据客户要求做定制设计，以满足设计、功能、成本和上线时间的要求。