0

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

4

1 回答 1

2

寻找-webkit-前缀。您没有看到太多更改的原因是，默认情况下，这些设置支持每个浏览器的最后两个版本。最新版本的 Firefox 和 Opera 不需要分别为许多 CSS 项添加-moz-和-o-前缀，这就是您看不到它们的原因。

要测试早期版本的 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);
}

有关设置的更多（简要）详细信息，请查看自述文件。

于 2013-12-20T00:12:28.207 回答