對css中優雅降級和漸進增強的理解

2021-08-31 03:52:40 字數 366 閱讀 7049

這是我第一次寫部落格,主要寫自己的一些理解以及遇到的一些問題總結。

優雅降級和漸進增強是隨著css3流出來的乙個概念,原因是低階瀏覽器不支援新增屬性,但是又覺得css3的屬性很好,所以就有兩種概念的相容寫法。都是關注在不同瀏覽器的不同體驗,關鍵的區別是他們側重的內容以及寫法順序上的差異。

「優雅降級」觀點認為,就應該先針對最高端、最完善的瀏覽器來設計**,然後再相容低階瀏覽器。

「漸進增強」觀點認為應該更加注重內容本身。

下方是優雅降級參考的css**,

div
下方是漸進增強參考的css**,

div

漸進增強和優雅降級

漸進增強和優雅降級之間的不同嗎?漸進增強 progressive enhancement 針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高階瀏覽器進行效果 互動等改進和追加功能達到更好的使用者體驗。優雅降級 graceful degradation 一開始就構建完整的功能,然後再針對低版...

漸進增強和優雅降級

由於低階瀏覽器不支援 css3,但是 css3 特效太優秀不忍放棄,所以在高階瀏覽器中使用css3,而在低階瀏覽器只保證最基本的功能。二者的目的都是關注不同瀏覽器下的不同體驗,但是它們側重點不同,所以導致了工作流程上的不同。漸進增強 progressive enhancement 一開始就針對低版本...

優雅降級 和漸進增強

優雅降級和漸進增強 關注同一 在不同的瀏覽器 下的表現程度 優雅降級 graceful degradation 相當於向下相容 使高版本支援低版本 或者後期開發的版本支援早期開發的版本 優雅降級觀點認為應該針對那些最高端 最完善的瀏覽器來設計 漸進增強 progressive enhancement...