什么是自适应网页设计及其工作原理

让我们在自适应网页设计和塑造 cookie 之间进行比较。你有面团和模具来制作星星、心形、圣诞树等形状的饼干。由于面团上的模具，每个饼干都是独一无二的。自适应设计也是如此。有必要为每个屏幕创建各种网站布局。 

这样，网页设计师需要为以下屏幕尺寸创建不同的用户体验设计（其他尺寸也是可能的）：

• 320像素；
• 480像素；
• 760 像素；
• 960像素；
• 1200 像素；
• 1600 像素。

这意味着您不能为网站的所有版本使用单个静态页面。网页设计师必须考虑系统识别屏幕尺寸时可以自动使用的不同布局。 

值得注意的是，用户体验设计师对每个设备的 CTA、内容和图形元素的最佳匹配位置进行了详细分析，以改善网站每个精心开发的布局的用户体验。

让我们仔细看看其中一个自适应设计示例。这是 eBay 市场。这是该网站的移动版本。热门类别显示在搜索框和特价商品下方。 

同时，桌面版还有另外一种设计。热门品牌和汽车配件等产品的广告首先出现在首页上。搜索框与移动版本一样位于顶部。 

总而言之，自适应设计和响应式设计之间的主要区别在于它们的创建方式。但是还有很多其他方面可以比较。通过对自适应设计与响应式设计的深入比较，您可以决定哪一种最适合您的网站。