在Web開發(fā)中,CSS是必不可少的一部分,但是不同瀏覽器對CSS的支持程度也不同,因此,需要在開發(fā)中判斷一些CSS能否被瀏覽器支持。下面介紹幾種判斷瀏覽器支持CSS的方法。
一、使用CSS @supports規(guī)則
@supports (display: flex) { /* 當瀏覽器支持flex布局時,執(zhí)行這些CSS */ }
二、使用JavaScript判斷
var div = document.createElement('div'); if ('width' in div.style) { /* 當瀏覽器支持某個CSS屬性時,執(zhí)行這些JS */ }
三、使用Modernizr庫
if (Modernizr.flexbox) { /* 當瀏覽器支持flex布局時,執(zhí)行這些JS */ }
需要注意的是,這些方法都有局限性,不能完全覆蓋所有情況,因此需要根據(jù)實際情況,選擇合適的方法來判斷瀏覽器的支持情況。