css - 为什么 sublime 的 autofixr 没有完成它的全部工作？

Question

我最近下载了 sublime text 3 和 autoPrefixr。我得到了 node.js 并确保它在 $PATH 中。我重新启动了 sublime text，但是当我尝试运行 autoPrefixr 时，它只向我的 150 行 css 添加了 10 行代码。我知道它没有完成它的工作，因为我看不到 -moz- 或 -o-。请尽快提供帮助，在此先感谢您。

Answer 1

寻找 -webkit- 前缀。您没有看到太多变化的原因是，默认情况下，设置是为了支持每个浏览器的最后两个版本。 Firefox 和 Opera 的最新版本分别不需要 -moz- 和 -o- 前缀给许多 CSS 元素，这就是您看不到的原因他们。

要测试早期版本的 Firefox 和 Opera，首先创建以下通用 CSS:

body {
    transition: all 1s ease-out;
}

p {
    transform: skewx(10deg) translatex(150px);
}

然后，转到 Preferences -> Package Settings -> Autoprefixer -> Settings - User 并将其内容设置为以下内容:

{
    "browsers": ["last 2 versions", "> 10%", "ff > 4", "opera > 9"]
}

这增加了对任何浏览器的最后两个版本、市场份额超过 10% 的任何版本、Firefox 版本 4 及更高版本以及 Opera 版本 9 及更高版本的支持。

---

保存此内容，返回到您的测试 CSS 文件，然后从命令面板运行 Autoprefix CSS。您现在应该得到以下内容:

body {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

p {
    -webkit-transform: skewx(10deg) translatex (150px);
    -moz-transform: skewx(10deg) translatex (150px);
    -o-transform: skewx(10deg) translatex (150px);
    transform: skewx(10deg) translatex (150px);
}

有关设置的更多(简要)详细信息，请查看 README .