CSS中 support的用法

2022-08-24 03:51:10 字數 670 閱讀 4650

這段時間一直在除錯瀏覽器的相容性問題,了解到了@support的這個屬性,記錄下:

css中的@support主要是用於檢測瀏覽器是否支援css的某個屬性,其實就是條件判斷,如果支援某個屬性,你可以寫一套樣式,如果不支援某個屬性,你也可以提供另外一套樣式作為替補。但是這裡有一點需要注意的是:@support對於瀏覽器的版本也是有要求的,不是說所有的瀏覽器以及其所有的版本都是支援@support的。

下面就來說一下@support的用法:

@support(prop:value)}

注釋:如果瀏覽器支援display:flex屬性的話,那麼div的樣式就是display:flex

@supports not (display: flex) }

注釋:如果瀏覽器不支援display:flex屬性的話,那麼div的樣式就是display:right

@supports (display: flex) and ( box-shadow: 2px 2px 2px black )

注釋:如果瀏覽器支援display:flex和box-shadow的屬性,就執行裡面自己的樣式

@supports (display: -webkit-flex) or (display: -moz-flex) or(display: flex)

注釋:如果瀏覽器支援其中乙個就可以執行裡面自己的樣式

Android SDK中的Support相容包詳解

背景 support library 我們都知道android一些sdk比較 為此google官方提供了android support library package 系列的包來保證高版本sdk開發的向下相容性,所以你可能經常看到v4,v7,v13這些數字,首先我們就來理清楚這些數字的含義,以及它們...

css中 display block 的 用法

對所有的塊元素都沒有意義,塊元素的dispaly屬性預設值為block,沒必要再顯式定義 除非你之前對塊元素的display屬性重新定義過。display block 比較常用於這兩個標籤 因為這兩個標籤非塊元素,如果不用display block定義一下,那麼定義width height等和長寬相...

CSS中hsla的用法

hsla是css3引入的乙個顏色表達方式,今天就來學習一下它的用法。1.什麼是hsla hsla h,s,l,a h hue 色調 0 或360 表示紅色,120表示綠色,240表示藍色,也可取其他數值來指定顏色。取值為 0 360 s saturation 飽和度 取值為 0.0 100.0 l ...