关于css3中 media support calc 属性的用法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/suandfei/article/details/101872829

1. calc属性

注意运算符前后都需要保留一个空格，

Calc（函数表达式 例如100%-15px）应用于不知道父元素的宽度时，但是又想保证子元素的宽度不能超多父元素可以设置 calc 属性 100% 表示继承父元素内容宽度的100%

2. Support属性

CSS中的@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。但是这里有一点需要注意的是：@support对于浏览器的版本也是有要求的，不是说所有的浏览器以及其所有的版本都是支持@support的。
下面就来说一下@support的用法： not or and
Not 表示浏览器 如果不支持这个属性 执行 or 表示如果支持其中一个就OK
And 表示浏览器两个属性都支持 执行哪一个属性

3. Media 属性

媒体查询 主要是写响应式网站 @media 媒体类型（不写就是都支持）一般是screen
·