是否有css浏览器兼容性列表

Question

我开始使用Less，我喜欢创建Parametric Mixins以使我的网站跨浏览器兼容的想法。例如：

.border-radius(@radius) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}

这些mixin的列表是否包含在我的Less文件结构中？这样我可以在我的网站上使用.border-radius(5px)并且知道它的浏览器兼容吗？

Answer 1

根据您用于Visual Studio的插件，我建议您使用autoprefixer for less（包含在插件中）。这样，您将只能编写标准的css属性，并且autoprefixer将在编译较少的文件时添加所有供应商前缀。

根据文档，您必须在WebCompiler扩展的配置文件中包含"AutoPrefix" : true选项：

[
  {
    "outputFile": "output/output.css",
    "inputFile": "input/input.less",
    // ...Your set of options and configurations
    "options":{
        // ...Your other options
        "AutoPrefix": true
    }
  }
]

compilerconfig.json的默认值可以在项目配置文件的compilerconfig.json.defaults或插件特定的配置文件中找到。