自适应网站设计（AdaptiveWebDesign，简称AWD）是由知名网站设计师AaronGustafson在考虑响应式设计（ResponsiveWebDesign，简称RWD）的同时提出的。他在2011年出版的《自适应网站设计：利用渐进增强的丰富经验》一书中详细介绍了这种设计方法。AWD工作的方式是，通过预先设定多种固定布局尺寸来适应不同的设备或屏幕尺寸。当一个用户访问一个使用AWD设计的网站时，该网站会通过检查浏览器窗口或设备的可用空间来检测其大小。然后，根据最适合当前屏幕的布局尺寸，网站会自动选择并显示相应的设计。例如，如果你在桌面设备上打开一个使用AWD设计的网页，它会识别并适应较大的可用空间，而如果你在移动设备上打开，它则会适应较小的屏幕空间。在这个过程中，无论你如何调整浏览器窗口的大小，网站的布局都不会发生改变。
AWD的优点在于：
1.允许为每个屏幕尺寸（或设备类型）创建最佳的用户体验（UX）。通过预先设计多种布局，AWD可以使网站在不同设备上都有最适合其屏幕的呈现方式。
2.能够自动感知用户的环境。AWD可以根据用户的设备或浏览器窗口的大小，自动调整网站的布局和内容，以提供最合适最方便的浏览体验。
3.允许根据屏幕大小进行最佳的广告投放。通过适应不同的屏幕尺寸，AWD可以使广告在不同的设备上都有最好的展示效果，从而提高广告的点击率和转化率。
然而，AWD也存在一些缺点：
1.需要更多的时间和精力来创建。相比单一布局的网站设计，AWD需要设计师预先设定并创建多个布局，这无疑会增加设计和开发的时间和成本。
2.由于不同设备的屏幕尺寸差异较大，AWD在某些极端尺寸的设备上可能无法正常工作。例如，在一些平板电脑和上网本等设备的屏幕上，一些预设的布局可能并不适合，这需要设计师进行额外的优化和处理。
3.需要额外的SEO工作以确保搜索引擎识别多个布局上的相同内容。搜索引擎在索引网页时主要依赖页面的内容，而并不一定能完全理解或识别AWD的动态布局变化。因此，使用AWD的网站可能需要额外的工作来确保其多种布局都能被搜索引擎正确索引和识别。这可能涉及到使用适当的元数据为每个布局创建单独的URL等策略。
