什么是Responsive Web Design (RWD)？

RWD英文全名为：Responsive Web Design
中文名称为：自适应网页设计、响应式网页设计。

简单的来说，就是让一个网页在电脑、智慧型手机、平板上都可以有很好的浏览效果。
自从行动装置，智慧型手机和平板电脑的崛起之后，造成萤幕规格有大大小小，因此在电脑上的画面转移到手机和平板来观看时， 会造成浏览上的不便利。

以下的例子将为您介绍甚么是RWD自适应网页设计：

1.在传统 PC 浏览器呈现的效果

如下图，以往在传统PC上呈现网页尺寸，宽度较宽（此范例为1920x1080像素）

2.在平板装置上呈现的效果

此时，您可以发现，上方按钮列的地方，因为萤幕宽度的关系，所以已经自动缩为下拉式的方式，方便浏览者点选。

3.在手机装置上呈现的效果

在手机上，您可以发现，某些字体有稍微变大，更方便手机浏览者浏览，同时，网页中的图片已经按照萤幕的宽度，自动缩为适合浏览的图片大小。

RWD自适应(响应式)网站的优点:

• 维护成本低
• 可同时适用不同装置
• 品牌形象一致
• 符合使用者习惯
• 利于分享

RWD自适应(响应式)网站的缺点:

• 较旧的浏览器不支援，特别是IE7(含)以下
• 小萤幕尺寸不适合复杂的功能或介面
• 载入速度问题
• 需要较高的制作成本