css3特征查询 —@support

1.语法

@support (display:grid) or (.....) { ......}支持对属性和值的查询,可以使用or,and,not等逻辑操作符,当为真时执行里面的代码,否则跳过

2.浏览器支持情况

IE均不支持,Edge,firefox,chreme,safari,UC等均支持

3.使用场景

由于@support的支持和实际属性的支持自由组合,可能出现四种情况,需要多做考虑,可能需要多个分支

我们在开发支持旧版IE,但是“移动优先”的项目时,可以先写css回退代码,再在支持@support()的情况下展示更好的内容

这和@media媒体查询策略一致

posted @ 2018-04-10 10:19  温水煮代码  阅读(169)  评论(0编辑  收藏  举报