这次我调试了浏览图书报刊者互换性。

这种背衬的属性是东窗事发的。

记载下:

CSS打中@support首要是用于检测浏览图书报刊者即使背衬CSS的某个属性,这是有条件的断定。

免得背衬属性,你可以写一套风骨。

免得不背衬属性,您还可以试图另一套作为替身。

但相当大地必要当心。

浏览图书报刊者版本也必要背衬。

并非占有浏览图书报刊者和它们的占有版本都背衬@背衬。

上面就来说一下@support的用法:

1。

根本措词执意很。

背衬(地产:代价)

/*本人的整队*/

@supports(陈列)Flex){div{display:flex;}}

正文:免得浏览图书报刊者背衬显示:Flex属性,因而DIV的风骨是:Flex。

2。

布尔运算符:“not”的用法

@supportsnot(陈列)Flex){div{float:right;}}

正文:免得浏览图书报刊者不背衬显示:Flex属性,因而DIV的风骨是右手的。

三。

布尔运算符:和的用法

@supports(陈列)Flex)and(box-shadow:2px2px2pxblack){

/*本人的整队*/

正文:免得浏览图书报刊者背衬显示属性:Flex和Box遮阳,实现本人的风骨。

4。

布尔运算符:“or”的用法

@supports(陈列)-webkit-Flex)or(陈列)-moz-Flex)or(陈列)Flex){

/*本人的整队*/

正文:免得浏览图书报刊者背衬里面的一个人,则可以实现本人的整队。

5。

混合应用要求

或与和混合应用,在@supports中或与和混合应用时,插曲()麝香用来区别它们的优先权。

@supports((transition-property:色)or(animation-name:FO)and(变异rotate(10deg)){

/*本人的整队*/

@supports(transition-property:色)or((animation-name:FO)and(变异rotate(10deg))){

/*本人的整队*/

“or”、“and”和“not”脱去

@supports(陈列)网格and(过失)(transition-property:色)or(animation-name:FO){