基于瀏覽器的特性檢測大家應該已經很熟悉了，特別是modernizr.js推出來之后。其實w3c也出了規范，可以基于css來做一些特性檢測，也就是@supports，這個特性已經有兩年多了，之前瀏覽器支持度不夠，現在webkit nightly也開始支持了，也就是說safari 9會支持到，這樣的話，Blink+webKit+gecko都支持了，只剩下IE瀏覽器不支持了，嗯，這樣更方便對IE差異化處理了。

但是@supports并不能完全替代JS的特性檢測方法，它只支持對CSS屬性的檢測，其它HTML5 api以及webP等技術的檢測還是需要JS來完成。
用法：

@supports就像media query一樣簡單：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表