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...