要不要做
- 產(chǎn)品的角度（產(chǎn)品的受眾、受眾的瀏覽器比例、效果優(yōu)先還是基本功能優(yōu)先）
- 成本的角度 (有無(wú)必要做某件事)
做到什么程度
- 讓哪些瀏覽器支持哪些效果
如何做
- 根據(jù)兼容需求選擇技術(shù)框架/庫(kù)(jquery)
1. Bootstrap (>=ie8)
2. jQuery 1.~ (>=ie6), jQuery 2.~ (>=ie9)
3. Vue (>= ie9)
4. ...
- 根據(jù)兼容需求選擇兼容工具(html5shiv.js、respond.js、css reset、normalize.css、Modernizr)
- postCSS
- 條件注釋、CSS Hack、js 能力檢測(cè)做一些修補(bǔ)
漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)
漸進(jìn)增強(qiáng) (progressive enhancement)
針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面，保證最基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶(hù)體驗(yàn)。優(yōu)雅降級(jí) (graceful degradation)
一開(kāi)始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。
