摘要:代碼展示漸進增強優雅降級帶前綴的個滿足了大部分瀏覽器,而不帶前綴的只有最新的一部分瀏覽器才支持。如何選擇漸進增強觀點認為應關注于內容本身。優雅降級觀點則認為應該針對那些最高級最完善的瀏覽器來設計網站。
1.代碼展示
/*漸進增強*/ .div1 { -webkit-transition: all 2s; //Safari Chrome -moz-transition: all 2s; //Firefox -o-transition: all 2s; //Opera transition: all 2s; }
/*優雅降級*/ .div1 { transition: all 2s; -o-transition: all 2s; //Opera -moz-transition: all 2s; //Firefox -webkit-transition: all 2s; //Safari Chrome }
帶CSS3前綴的3個滿足了大部分瀏覽器,而不帶前綴的只有最新的一部分瀏覽器才支持。
2.如何選擇漸進增強(progressive enhancement):從被所有瀏覽器支持的基本功能開始,逐步地添加那些只有新式瀏覽器才支持的功能,當瀏覽器支持時,它們會自動地呈現出來并發揮作用。
優雅降級(graceful degradation):一開始就構建完整的功能,然后再針對低版本瀏覽器進行兼容。
“漸進增強”觀點認為應關注于內容本身。內容是建立網站的誘因,我們應該在滿足向絕大部分用戶呈現有用內容的前提下,再做渲染內容或更高級功能的事情。
“優雅降級”觀點則認為應該針對那些最高級、最完善的瀏覽器來設計網站。而將那些被認為“過時”或有功能缺失的瀏覽器下的測試工作安排在開發周期的最后階段。
因此:決定采用哪種方式取決于網站所面向的主要用戶群體(或者說主要兼容的瀏覽器)。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/82251.html
摘要:而漸進增強和優雅降級兩種不同的開發流程,也是在我們項目初期做調研選型時會考慮的一個點。二者區別漸進增強和優雅降級只是看待同種事物的兩種觀點。漸進增強和優雅降級都關注于同一網站在不同設備里不同瀏覽器下的表現程度。 作為一名前端開發人員,最頭疼的莫過于瀏覽器兼容。遠古時期萬惡的IE6,到現在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優化的用戶體驗,前端搬磚的我們不得不與...
摘要:而漸進增強和優雅降級兩種不同的開發流程,也是在我們項目初期做調研選型時會考慮的一個點。二者區別漸進增強和優雅降級只是看待同種事物的兩種觀點。漸進增強和優雅降級都關注于同一網站在不同設備里不同瀏覽器下的表現程度。 作為一名前端開發人員,最頭疼的莫過于瀏覽器兼容。遠古時期萬惡的IE6,到現在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優化的用戶體驗,前端搬磚的我們不得不與...
摘要:而漸進增強和優雅降級兩種不同的開發流程,也是在我們項目初期做調研選型時會考慮的一個點。二者區別漸進增強和優雅降級只是看待同種事物的兩種觀點。漸進增強和優雅降級都關注于同一網站在不同設備里不同瀏覽器下的表現程度。 作為一名前端開發人員,最頭疼的莫過于瀏覽器兼容。遠古時期萬惡的IE6,到現在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優化的用戶體驗,前端搬磚的我們不得不與...
摘要:一背景介紹漸進增強和優雅降級這兩個概念是在出現之后火起來的。二概念理解漸進增強漸進增強一開始就針對低版本瀏覽器進行構建頁面,完成基本的功能,然后再針對高級瀏覽器進行效果交互追加功能達到更好的體驗。 一、背景介紹 漸進增強和優雅降級這兩個概念是在 CSS3 出現之后火起來的。由于低級瀏覽器不支持 CSS3,但是 CSS3 特效太優秀不忍放棄,所以在高級瀏覽器中使用CSS3,而在低級瀏覽器...
閱讀 1811·2021-10-09 09:44
閱讀 3382·2021-09-28 09:35
閱讀 1372·2021-09-01 10:31
閱讀 1658·2019-08-30 15:55
閱讀 2697·2019-08-30 15:54
閱讀 923·2019-08-29 17:07
閱讀 1372·2019-08-29 15:04
閱讀 2001·2019-08-26 13:56