自适应设计和响应式设计的区别
2013年10月21日
对于自适应和响应式网页设计的含义似乎有些困惑, 所以这里有一篇关于这个主题的文章来说清楚. 虽然目标相似,但这两种方法是不同的.
自适应网页设计 一套简单的设计方法是否集中在设备上的用户体验而不是浏览器本身. 这都是关于通过定义来分层你的设计 layout 尺寸,CSS和 JavaScript 让用户拥有他们所配备的技术的最佳体验. 自适应网页设计只是“渐进式增强”的另一个术语,其含义大致相同.不像适应性设计意味着 fluid layout 它会改变,以适应一组预定的屏幕和设备尺寸, 响应设计 实际上是适应性设计的一个子集,这意味着 fluid layout only i.e. 这种设计可以流畅地改变并响应以适应任何屏幕或设备尺寸.
两者之间最大的相似之处在于,它们都允许在移动设备和各种屏幕尺寸上浏览网站, 最终为访问者提供更好的移动用户体验. 这两种方法的不同之处在于它们提供的响应性/适应性结构.
网站基于 响应式网页设计 使用同一组URL为所有设备提供服务,每个URL提供相同的服务 HTML 并使用CSS来改变页面在设备上的呈现方式. 网站基于 自适应网页设计 动态地为同一组URL上的所有设备提供服务,但每个URL提供的服务不同 HTML (和CSS),这取决于用户代理是桌面设备还是移动设备.