优雅降级:主要针对一些版本较新的,功能更为强大的浏览器能够体验到更新颖的技术,更好的用户体验;然后为了兼容一些旧版本的浏览器,就需要降低一些复杂的功能效果来保持最基本的功能。
渐进增强:主要针对一些版本较旧的,功能更为弱的浏览器能够保持最基本的功能运行,然后再逐步向上兼容新版本浏览器,添加更多的功能和优化,提供更好的用户体验。
例子:为了创建元素圆角效果,在优雅降级的思想里,可以通过CSS3 的 border-radius 属性来实现,而在旧版本的浏览器使用背景图片或额外的 HTML 元素;反之在渐进增强的思想里则是先使用背景图片或额外的 HTML 元素来实现,并在支持 CSS3 的浏览器中使用 border-radius 属性。
两者的作用都是为了确保网站或者应用能够正常运行在不同设备或者浏览器上,让用户有更好的体验;只不过两者设计思想相反,优雅降级是向下兼容从复杂到简单,而渐进增强是向上兼容从简单到复杂。