检测浏览器是否支持“@supports”?

时间:2018-05-01 12:46:16

标签: javascript html css media-queries

我意识到这可能是一个愚蠢的问题,因为无论如何我会在一段时间后回到网络开发,所以请不要羞于开导我!对我而言,似乎css hacks的艺术(比如当天回来嗅出旧的IE浏览器)可以用来填补新的@supports查询与不支持these features的旧浏览器之间的差距。 。从很多javascript中保存自己和网站的潜力?甚至可以帮助在小项目中完全放弃javascript。有人知道这样的任何项目吗?我也可能无法使用正确的关键字进行搜索...

1 个答案:

答案 0 :(得分:1)

是的,您可以使用下一个命令执行此操作:

以下所有示例均有效:

@supports not (not (transform-origin: 2px)) - 针对不支持的测试浏览器

@supports (display: grid) - 支持测试浏览器

@supports (display: grid) and (not (display: inline-grid)). - 用于测试

有关详细信息,请参阅MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/@supports