css – 为flexbox订购供应商前缀的正确方法是什么?

前端之家收集整理的这篇文章主要介绍了css – 为flexbox订购供应商前缀的正确方法是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

> CSS Tricks表示flexBox显示供应商前缀的顺序很重要,并显示一个排序(-webkit-Box,-moz-Box,-ms-flexBox,-webkit-flex,flex)
> MDN显示与CSS技巧不同的顺序和交换-moz-Box为-moz-flex(-webkit-Box,-moz-flex,flex)
> Bourbon显示了一个不同的顺序并带来了框,其他两个页面甚至没有提到(-webkit-Box,Box,柔性)

问题

>订单真的很重要吗?
>这样做的正确方法是什么?

解决方法

只要W3C版本(官方财产)排在最后,就没有区别.

CSS渲染引擎将始终选择适用的最后一个属性.因此,如果实际支持flex,您不希望Chrome跳过flex并选择-webkit-flex.

你看到css-Tricks,MDN和Bourbon中供应商前缀的排序有所不同,因为顺序并不重要.请注意它们的共同之处:flex是最后的.

以下是一些更多细节:

> Ordering CSS3 Properties
> Ordering of vendor-specific CSS declarations

猜你在找的CSS相关文章