calc和@supports

calc是动态的实现加减乘除。

例：width: calc(100%-200px); 即calc里增加一个数学表达式。

@supports是检测浏览器是否支持CSS的某个属性。

@support(prop:value){ /*自己的样式*/ }

例基础用法之：@supports(display: flex){div{display: flex;}}。 判断如果浏览器支持flex布局的话 那么所有div都是flex。

 支持各类运算 如：not and or。