漸進(jìn)增強(qiáng)：在網(wǎng)頁(yè)開(kāi)發(fā)中,，漸進(jìn)增強(qiáng)認(rèn)為應(yīng)該專(zhuān)注于內(nèi)容本身。一開(kāi)始針對(duì)低版本的瀏覽器構(gòu)建頁(yè)面,，滿足最基本的功能,，再針對(duì)高級(jí)瀏 覽器進(jìn)行效果，交互,，追加各種功能以達(dá)到更好用戶(hù)體驗(yàn),換句話說(shuō),，就是以最低要求，實(shí)現(xiàn)最基礎(chǔ)功能為基本,，向上兼容,。以css為例，以下這種寫(xiě)法就是漸進(jìn)增強(qiáng),。

優(yōu)雅降級(jí)：在網(wǎng)頁(yè)開(kāi)發(fā)中,，優(yōu)雅降級(jí)指的是一開(kāi)始針對(duì)一個(gè)高版本的瀏覽器構(gòu)建頁(yè)面，先完善所有的功能,。然后針對(duì)各個(gè)不同的瀏覽器進(jìn)行測(cè)試,，修復(fù)，保證低級(jí)瀏覽器也有基本功能 就好,，低級(jí)瀏覽器被認(rèn)為“簡(jiǎn)陋卻無(wú)妨 (poor, but passable)” 可以做一些小的調(diào)整來(lái)適應(yīng)某個(gè)特定的瀏覽器,。但由于它們并非我們所關(guān)注的焦點(diǎn)，因此除了修復(fù)較 大的錯(cuò)誤之外,，其它的差異將被直接忽略,。

漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)的區(qū)別：

1.如果你采用漸進(jìn)增強(qiáng)的開(kāi)發(fā)流程，先做一個(gè)基本功能版,，然后針對(duì)各個(gè)瀏覽器進(jìn)行漸進(jìn)增加,，增加各種功能。相對(duì)于優(yōu)雅降級(jí)來(lái)說(shuō),，開(kāi)發(fā)周期長(zhǎng),，初期投入資金大。 你想一下不可能拿個(gè)基本功能版給客戶(hù)看呀,，多寒酸,，搞不好一氣之下就不找你做了，然后就炸了,。但是呢,，也有好處，就是提供了較好的平臺(tái)穩(wěn)定性,，維護(hù)起來(lái)資金小,， 長(zhǎng)期來(lái)說(shuō)降低開(kāi)發(fā)成本。

2.那采用優(yōu)雅降級(jí)呢，這樣可以在較短時(shí)間內(nèi)開(kāi)發(fā)出一個(gè)只用于一個(gè)瀏覽器的完整功能版,，然后就可以拿給PM找客戶(hù)談呀,，可以拿去測(cè)試，市場(chǎng)試水呀,，對(duì)于功能尚未確定的 產(chǎn)品,，優(yōu)雅降級(jí)不失為一種節(jié)約成本的方法。

從技術(shù)出發(fā)

1.前綴CSS3（-webkit- / -moz- / -o-*）和正常CSS3在瀏覽器中的支持情況是這樣的：

2.很久以前：瀏覽器前綴CSS3和正常CSS3都不支持,；

3.不久之前：瀏覽器只支持前綴CSS3,，不支持正常CSS3；

4.現(xiàn)在：瀏覽器既支持前綴CSS3,，又支持正常CSS3,；

5.未來(lái)：瀏覽器不支持前綴CSS3，僅支持正常CSS3.

.transition { /*漸進(jìn)增強(qiáng)寫(xiě)法*/

-webkit-border-radius:30px 10px;

-moz-border-radius:30px 10px;

border-radius:30px 10px;

}

.transition { /*優(yōu)雅降級(jí)寫(xiě)法*/

border-radius:30px 10px;

-moz-border-radius:30px 10px;

-webkit-border-radius:30px 10px;

}