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

Question

我开始使用 Less 并且我喜欢创建参数混合以使我的网站跨浏览器兼容的想法。例如：

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

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

Answer 1

根据您为 Visual Studio 使用的插件，我建议您少用 autoprefixer（包含在插件中）。这样你就可以只写标准的 css 属性，而 autoprefixer 会在编译 less 文件时添加所有供应商前缀。

根据文档，您必须在 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 中找到。

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

Is there a list of css browser compatability

css

cross-browser

less