特性查询采用@supports规则，不同的浏览器支持不同的css属性

特性查询采用@supports规则，它使得我们可以将css 代码包裹一个条件块中，只有当浏览器的用户代理（user  agent )支持某个特定的css属性时，该条件块中的样式代码才会生效，

下面举个简单的例子来说：只有支持display:flex 的浏览器才会应用Flexbox样式

@supports ( display:flex ) {

.example{ display:flex; }

}