当前位置: 首页 > Web前端 > CSS

渐进增强和优雅退化

时间:2023-03-30 17:18:46 CSS

1。代码展示/*progressiveenhancement*/.div1{-webkit-transition:all2s;//SafariChrome-moz-transition:all2s;//Firefox-o-transition:all2s;//Opera过渡:全2;}/*优雅降级*/.div1{transition:all2s;-o-transition:全2;//Opera-moz-transition:all2s;//Firefox-webkit-transition:all2s;//SafariChrome}3个CSS3前缀满足大部分浏览器,不带前缀的只有最新的部分浏览器支持。渐进式增强:从所有浏览器支持的基本功能开始,逐步增加只有现代浏览器才支持的功能。当浏览器支持它们时,它们将自动出现并运行。优雅降级(gracefuldegradation):从一开始就构建完整的功能,然后让其兼容低版本的浏览器。2、如何选择“渐进增强”的观点,我们应该关注内容本身。内容是建立网站的动力。我们应该在把有用的内容呈现给绝大多数用户的前提下,去渲染内容或者更高级的功能。“优雅降级”的观点认为,网站应该为最先进、最完善的浏览器而设计。相反,在开发周期结束时安排对被认为“过时”或缺少功能的浏览器进行测试。所以:决定使用哪种方法取决于网站的主要用户群(或主要兼容的浏览器)。