自适应网页设计（RWD），通常也叫响应式网页设计。自适应网页设计会根据设备的屏幕尺寸自动调整适合屏幕大小的网页，也就是说网页会自行调整以适应所有设备。

自适应网页设计优化要点要在网页的head标签声明您的网页会自动调整以适应所有设备，请向文档的标头添加以下元标记：

上述这段代码可以指示浏览器根据设备的宽度来调整网页的尺寸和缩放比例。如果没有这段代码的话，在默认情况下，智能手机的浏览器会根据桌面设备屏幕的宽度（通常约为980像素，但因各种设备而异）来呈现网页。此外，为了尽可能使内容看起来更加美观，智能手机的浏览器还会放大字体，并缩放内容的比例以适应相应屏幕的尺寸，或仅显示可在相应屏幕内显示的部分内容。

用户可能需要点按两次或通过张合手指进行缩放才能够看到内容以及与内容互动，才能够清晰的看清楚网页的内容。对于移动优化来说，搜索引擎不会将这类网页视为适合在智能手机上浏览的网页。

上图所示，左侧的网页是未指定viewport的网页，因此，智能手机浏览器会假定呈现内容的屏幕宽度为桌面设备的宽度，导致用户很难看清楚网页显示的内容。而右侧的网页是指定viewport的网页，根据设备设备的屏幕尺寸自动调整，网页内容清晰易读。

一个网站，一个网址，适用所有移动设备，可让用户访问到您的网站内容；有助于搜索引擎快速的辨认网站属性，省去分析网页是桌面版还是智能手机版；节省网站内容维护成本；无需重定向用户即可获得对应的设备进网页视图，从而缩短加载时间；利于搜索引擎抓取和收录，搜索引擎只需抓取您的网页一次即可检索到所有的内容版本；总结

自适应网页设计是成本最低，效率最高的移动网站优化配置。移动优化的过程中自适应网页设计优点和优势是非常明显的，所以我公司通常建议客户使用响应式设计做手机网站。