翻譯 摘抄 CSS 特徵查詢

2021-08-14 17:36:07 字數 695 閱讀 4934

css 中的 @supports 規則,也被稱為 feature queries(特徵查詢),是乙個很強大的工具。

通過使用 @supports,你可以在 css 中看是否支援某個「特性」(css 屬性或值),並根據其返回的結果決定是否呼叫**塊。例如:

@supports (display: grid)
如果瀏覽器支援 display: grid,那麼括號內的所有樣式都將被應用。否則將跳過所有樣式。

另乙個有意義的測試:

@supports (initial-letter: 4) or (-webkit-initial-letter: 4) 

}

使用 not

@supports (height:

100vh)

@supports

not (height:

100vh)

// 我們希望是這樣,但這個**不是很好

最佳實踐:

// 較老瀏覽器的回退**

@supports (display: grid)

瀏覽器支援:

在 CSS 中使用特徵查詢

本文講的是在 css 中使用特徵查詢,譯文出自 掘金翻譯計畫 譯者 cherry 校對者 leviding h2o 2 supports display grid supports display grid asideborder radius 1emp first letterinitial le...

分享 CSS使用技巧摘抄

其中這點覺得非常有用 block和inline元素對比 所有的html元素都屬於block和inline之一。block元素的特點是 總是在新行上開始 高度,行高以及頂和底邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度 和 是塊元素的例子。相反地,inline元素的特點是 和其他元素都在...

特徵向量中心性(從文獻中摘抄)

特徵向量的方法不僅考慮節 點鄰居數量還考慮了其質量對節點重要性的影響.重要的參考文獻 用上述參考文獻寫出 存在問題,無法結束迴圈 計算特徵向量中心性 void eigenvectorcentrality algraph g 迴圈執行ax x操作,直到ax x do 計算這乙個的x i for int...