css3特征查询 —@support
1.语法
@support (display:grid) or (.....) { ......}支持对属性和值的查询,可以使用or,and,not等逻辑操作符,当为真时执行里面的代码,否则跳过
2.浏览器支持情况
IE均不支持,Edge,firefox,chreme,safari,UC等均支持
3.使用场景
由于@support的支持和实际属性的支持自由组合,可能出现四种情况,需要多做考虑,可能需要多个分支
我们在开发支持旧版IE,但是“移动优先”的项目时,可以先写css回退代码,再在支持@support()的情况下展示更好的内容
这和@media媒体查询策略一致