怎麼看某個css屬性的瀏覽器支援情況?

有時候我們在用某些css的屬性時,不知道哪些瀏覽器支援哪些瀏覽器 不支援。這時候該怎麼辦呢?下面小編就來介紹一下怎麼看某個css屬性的瀏覽器支援情況。

怎麼看某個css屬性的瀏覽器支援情況

工具/原料

瀏覽器

方法/步驟

第一種方法是直接搜尋一下某個css屬性,比如rem,可以在搜尋結果中查詢。

怎麼看某個css屬性的瀏覽器支援情況

小編介紹的方法是用caniuse這個工具,如下圖所示。

怎麼看某個css屬性的瀏覽器支援情況

首頁給出了一些css、html等等屬性或者是標籤列表,可以點選進去檢視瀏覽器支援情況。紅色表示不支援,綠色表示支援。

怎麼看某個css屬性的瀏覽器支援情況

當然最簡單的方法是直接在上面的輸入框中輸入想要搜尋的屬性。然後結果就直接出來了,預設的是移動裝置瀏覽器的支援情況。

怎麼看某個css屬性的瀏覽器支援情況

點選圖中的按鈕可以檢視所有裝置上的瀏覽器支援情況,很不錯。

怎麼看某個css屬性的瀏覽器支援情況

注意事項

相關問題答案