Board logo

标题: [技巧心得] CSS条件查询@supports [打印本页]

作者: MC-zhan    时间: 2017-8-4 12:00     标题: 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. }
复制代码





欢迎光临 关注前端这点事 (http://www.xinran001.com/bbs/) Powered by Discuz! 7.0.0