[CSS3] 渐进增强 & 优雅降级

最新推荐文章于 2024-06-17 08:30:00 发布

LINJY6

最新推荐文章于 2024-06-17 08:30:00 发布

阅读量469

点赞数

分类专栏： CSS3 文章标签： css3

本文链接：https://blog.csdn.net/linjiayuqazwsx/article/details/50176059

版权

CSS3 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

渐进增强：

  Progressive enhancement
  先满足低端浏览器的需求, 重点是能看到内容优先
  再向更高级浏览器, 往上满足更多需求
  更好满足用户的体验

Example:
除了IE5 以外, 其他的版本均正常, Alibaba也是牛bility。说明是: 渐进增强
IE8:
这里写图片描述

IE7:
这里写图片描述

IE5:
这里写图片描述

优雅降级：

  Graceful degradation
  先满足更高级浏览器的需求, 再向下看情况兼容

Example:
IE9 正常，但是从IE9以下就存在各种的问题, 说明Apple网站是优雅降级。

IE9:
这里写图片描述

IE8:
这里写图片描述

IE5:
这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LINJY6

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

谈谈CSS的渐进增强

Bruski的博客

03-19

673

Author：Bruski ????????‍????(bruskiwang@outlook.com) CSS层叠样式表作为前端三剑客之一，通过各类选择器来解耦HTML结构与表现，让开发者拥有专注控制样式的能力，实现了关注点分离。通过层叠机制，为规则赋予不同的重要程度，让我们的样式代码能够灵活地继承与覆盖。它就像精灵宝可梦里的百变怪????，拥有强大而奇妙的变化与适应能力，前端技术也因CSS的加入而变得漂亮与有趣???? 本文主要分享CSS技术中的一个切面概念：渐进增强，希望能够从原理+实例出发，给

优雅降级与渐进增强

杜小白的博客

03-20

261

大家可以先来看一下直观图，上方为优雅降级，下方为渐进增强。名词解释渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应...

参与评论您还未登录，请先登录后发表或查看评论

渐进增强、优雅降级

xiongzhengxiang的专栏

09-20

8025

何为渐进增强、优雅降级常用两种策略：要么优雅降级（graceful degradation，一开始就构建站点的完整功能，然后针对浏览器测试和修复），要么渐进增强（progressive enhancement，一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。两者间的（微妙）差别万一你正挠着后脑勺，试图找出“优雅降级”和“渐进增强”之间的差别，那么

优雅降级和渐进增强

最新发布

温暖前端的博客

06-17

712

在网页开发中，渐进增强认为应该专注于内容本身。一开始针对低版本的浏览器构建页面，满足最基本的功能，再针对高级浏览器进行效果，交互，追加各种功能以达到更好用户体验,换句话说，就是以最低要求，实现最基础功能为基本，向上兼容。设计和开发人员首先关注基本的HTML和CSS，确保网站在所有浏览器和设备上都能正确显示和访问。然后，他们会逐步添加JavaScript和其他高级技术，以增强网站的功能和设计。优点：网站在所有浏览器和设备上都能够提供基本的功能和可访问性。

渐进增强优雅降级

jerny2017的博客

06-01

197

渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览...

渐进增强与优雅降级

weixin_30678349的博客

11-04

367

什么是优雅降级？优雅降级（graceful degradation）一开始就构建站点的完整功能，然后针对浏览器测试和修复。 ps: 比如一开始使用 css3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack，使其可以在低版本浏览器上正常浏览。 Code demo .transition{ -webkit-transition: all .5s; /* we...

CSS渐进增强

weixin_30735745的博客

02-18

125

Posted on November 9th, 2008 in 前端开发 by lifesinger 原文地址：http://lifesinger.org/blog/?p=486 原文：Progressive Enhancement with CSS 作者： Aaron Gustafson 翻译：lifesinger 本系列上一篇涵盖了渐进增强的基本概念，现在我们来讨论如何应用...

渐进增强和优雅降级之间的区别

施天琦的博客

10-15

764

渐进增强和优雅降级是两种不同的编写兼容的思路渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验，但是它们侧重点不同，所以导致了工作流程上的不同。概念解释渐进增强：一开始就针对低版本浏览器进行构建页面，完成基本...

浅谈css3中的渐进增强和优雅降级

09-24

【渐进增强与优雅降级】是Web开发中两种重要的策略，主要用于处理浏览器兼容性和提供良好的用户体验。这两种方法都是为了确保网站在不同浏览器和设备上能够正常运行，尤其是在面对浏览器版本差异时。 **渐进增强...

Web-前端html+css从入门到精通 169. 渐进增强与优雅降级.zip

05-23

在Web开发领域，"渐进增强（Progressive Enhancement）"和"优雅降级（Graceful Degradation）"是两种重要的设计理念，它们旨在确保网页在不同浏览器和设备上的兼容性和用户体验。这两个概念对于HTML和CSS的学习至关...

渐进增强和优雅降级

qq_44621394的博客

09-11

290

我们在想写css的时候经常有加一些前缀,如-webkit-、-moz-、-ms-，这些前缀主要都是针对css3的。在css3标准还没发布的时候,为了能使前端开发者更早的使用一些新特性,浏览器厂商根据css3拟定的草案提前支持了这些属性,使用前缀与标准的css3属性进行区分。-ms- -ms-box-sadow //IE浏览器专属的css-webkit- -webkit-box-shadow //所有基于Webkit引擎的浏览器的专属css,如Chore和Safari。

CSS样式表渐进增强的应用

12-11

有多种方式可以将渐进增强融入到层叠样式表（Cascading Style Sheets, 简称CSS）的工作中，本文将讨论其中比较成功的一些，并考虑采用其它方式来逐步增强你的站点。原文：Progressive Enhancement with CSS作者： Aaron Gustafson 有多种方式可以将渐进增强融入到层叠样式表（Cascading Style Sheets, 简称CSS）的工作中，本文将讨论其中比较成功的一些，并考虑采用其它方式来逐步增强你的站点。样式表的组织如何在文档中引入样式表，很多Web设计者和开发者并没有想太多，但这其实是一门艺术。使用正确的方法，可以立即获得

【css】渐进增强和优雅降级

cyseria的专栏

11-30

1503

先声明两个词语： Progressive Enhancement：渐进增强 Graceful Degradation：优雅降级再举个栗子： div { transition: width 2s; -o-transition: width 2s; /* Opera */ -moz-transition: width 2s; /* Firefox 4 */

渐进增强和优雅降级是什么

alalei

04-19

161

1.渐进增强(由低到高) 一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。 2.优雅降级(由高到低) 一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。 ...

CSS 渐进增强与优雅降级

歪脖先生的博客

02-25

724

渐进增强与优雅降级你可能听过优雅降级（graceful degradation）和渐进增强（progressive enhancement）这两个词，它们是构建Web应用时，处理多浏览器支持的两种方法论，并在Web社区中引发过激烈的辩论。持优雅降级观点者认为，应该针对最高级、最完善的浏览器来设计网站。然后，再为那些被认为过时或有功能缺失的浏览器提供候选方案，使之基本可用，但不至于完全失效。这样一来...

优雅降级&渐进增强

luck_lin

01-04

429

今天给大家分享一下，深度思考中的知识点——渐进增强和优雅降级有什么不同？一、背景介绍在前端开发的过程中，经常需要用到css3的相关属性，因为在标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的css3新属性。平常稍加注意的话，发现有些写css3属性时，兼容

HTML5与CSS3应用：优雅降级与技术推广策略

"这篇文章主要探讨了CSS3的应用原则以及HTML5的发展历程和相关特性。...在实际开发中，开发者需要考虑兼容性问题，采用优雅降级或渐进增强的策略，确保新技术的应用能够为所有用户带来良好的体验。