@support和@media是两个使用方法相同但功能完铨不同的css特性

@support是用于检测当前浏览器对css属性或属性值的支持情况，即浏览器兼容性的判断

@media则是一种媒体查询的手段，通过media可以对不同類型或尺寸的显示设备设置不同的展示效果

由于浏览器种类版本繁多以及其他方面的问题，很多css属性可能会在不同浏览器中显示不同的效果甚至没有效果所以浏览器的兼容一直是令人头疼的问题，可能要使用大量辅助代码比如css hack来写出对应不同浏览器的代码

不过support可以判斷浏览器对css属性的支持情况，然后编写相应的代码来尽量实现统一的效果

support还可以通过and or来支持css不同属性之间的关系嵌套查询

media可以根据显示设备媒体尺寸的不同，展示不同的效果从而做到响应式的设计。比如在屏幕尺寸小于640px的时候让字體颜色为蓝色大于640px的时候为绿色。

而且还可以通过它判断媒体设备的种类来作出相应样式显示。例如"font-size"属性可用于屏幕和印刷媒体但囿不同的值。屏幕和纸上的文件不同通常需要一个更大的字体。