面对CSS跨浏览器冲突[Mozilla Firefox上的问题]

Question

我有一个类.a，它具有以下CSS属性：

.a {
   display: flex;
   background: linear-gradient(red, green);
}

这里我有一个为flex属性定义的属性

这在谷歌浏览器中运行良好，但在Firefox中查看网站时，会导致一些问题。是否有任何可以提供帮助的工具或任何将CSS规则转换为适用于所有浏览器的工具？

Answer 1

试试这个：

i1

Answer 2

尝试：

.a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: -webkit-linear-gradient(red, green);
   background: linear-gradient(red, green);
}

您可以使用的是Autoprefixer