supports使用方法

@supports是css3新引入的規則之一，主要用於檢測當前瀏覽器是否支援某個css屬性並載入具體樣式.

基本使用方式：

@supports

(display
: grid)
}

所以上述**比如在ie9下就不會顯示為紅色字型。

主要用在防止舊瀏覽器不支援某些屬性造成排版混亂的情況，使用@supports當做備選項。

此外，還支援邏輯運算子；not, and, or

例如

@supports

not(
display
: grid)
@supports
(display
: grid) and (
position
: sticky)
@supports
(display
: grid) or (
display
: flex)

@supports

(border-radius
: 4px) or (
--btn-color
: red)

js中也可以呼叫類似的方法：

if

(css
.supports
('display'
,'grid'))

個人覺得這其中有個很矛盾的地方，就是這個屬性基本只有在「高階」瀏覽器下才會是生效，但「高階」瀏覽器的支援範圍又支援大部分的css屬性，所以覺得把他當做乙個「低階」瀏覽器檢測器倒是個不錯的選擇

pythonpip使用方法 pip使用方法整理

匯出專案已安裝的pip包 pip list 檢視專案中安裝的包 pip freeze requirements.txt 將專案中所用到的第三方庫輸出到requirements.txt中 pip install 版本號 pip install i 本次使用清華源進行安裝 離線安裝第三方庫 一鍵安裝整個...

使用方法 離型劑使用方法

1 使用離型劑前必須確保模具乾淨，無粉塵 蠟垢 樹脂垢 油汙等殘留物質。可以使用專用的模具潔模劑進行清洗，不可用其他液體清洗，以免清洗不乾淨或損壞模具。另外，如果您的模具是新的，在清洗乾淨後，務必要對模具進行初步處理，用離型劑在模具表面噴 刷塗5 6次，之後方可正常投入生產。2 使用離型劑時，首先要...

使用方法 卡丁車輪胎使用方法

輪胎的使用方法很重要 卡丁車輪胎是卡丁車場日常執行中的主要易損件，但是輪胎的使用方法很重要。哪些情況下會縮短輪胎的使用壽命呢？一 跑道地面粗糙 有的跑道在鋪瀝青時，或者選錯了瀝青中石子的規格，或者碾壓得不夠平整，導致路面粗糙。有的跑道使用現成的水泥地，但表面粗糙或不平整。有的室內跑道，為了提高輪胎的...