返回列表 回复 发帖

[技巧心得] CSS条件查询@supports

  1. @supports ( (--a: 0)) {
  2.     /* supported */
  3. }

  4. @supports ( not (--a: 0)) {
  5.     /* not supported */
  6. }
复制代码
对于JavaScript,你可以使用CSS.supports()方法实现:
  1. const isSupported = window.CSS &&
  2.     window.CSS.supports && window.CSS.supports('--a', 0);

  3. if (isSupported) {
  4.     /* supported */
  5. } else {
  6.     /* not supported */
  7. }
复制代码
返回列表