css - 我没有看到响应式和自适应之间的巨大区别

Question

这是Adaptive / responsive的演示 URL

第一次进入自适应主题，我刚刚阅读了这篇文章并查看了演示站点。

当我更改浏览器大小时，我看不到响应式和自适应的巨大差异。你能建议吗，有什么方法可以显示响应性和适应性的区别

Answer 1

不同之处在于自适应布局为某些屏幕尺寸设置了布局，这意味着内容在每个布局中都设置为固定尺寸，并且只是在它们之间切换。

完全响应式布局意味着所有内容都使用百分比和相对测量单位进行缩放，以便它不断响应任何屏幕尺寸，而不仅仅是特定的尺寸集。

如果您在该页面上打开响应式演示，您会注意到事物的宽度会随着您的浏览器不断缩放，而自适应的则不会。