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