自适应网站设计（RWD），通常也叫响应式网站设计。自适应网站设计会按照设备的屏幕尺寸自动调整合适屏幕大小的网页，也就是说网页会自行调整以适应所有设备。
自适应网站设计优化要素要在网页的 head 标签声明您的网页会自动调整以适应所有设备，请向文档的标头添加以下元标记：
上述这段代码能够指示浏览器按照设备的宽度来调整网页的尺寸和缩放比例。如果没有这段代码的话，在默认情形下，智能手机的浏览器会按照桌面设备屏幕的宽度（通常约为 980 像素，但因种种设备而异）来体现网页。此外，为了尽可能使内容看起来更加美观，智能手机的浏览器还会放大字体，并缩放内容的比例以适应相应屏幕的尺寸，或仅显示可在相应屏幕内显示的部分内容。
客户可能需要素按两次或通过张合手指实行缩放才可以看到内容以及与内容互动，才可以清晰的看清楚网页的内容。对于移动优化来讲，搜索引擎不会将这类网页视为合适在智能手机上浏览的网页。
上图所示，左侧的网页是未指定viewport的网页，因此，智能手机浏览器会假定体现内容的屏幕宽度为桌面设备的宽度，造成客户很难看清楚网页显示的内容。而右侧的网页是指定viewport的网页，按照设备设备的屏幕尺寸自动调整，网页内容清晰易读。
一个网站，一个网址，适用所有移动设备，可让客户访问到您的网站内容；有利于搜索引擎火速的辨认网站属性，省去解析网页是桌面版还是智能手机版；节约网站内容维护成本；无需重定向客户即可获取对应的设备进网页视图，从而缩短加载时间；利于搜索引擎抓取和收录，搜索引擎只需抓取您的网页一次即可检索到所有的内容版本；总括
自适应网站设计是成本最低，效率最高的移动网站优化配置。移动优化的进程中自适应网站设计优势和优点是极其明显的，所以我企业通常建议 用户操作响应式设计做WAP网站。
