Question

我最近下载了sublime text 3和autoPrefixr。我得到了node.js，并确保它在$ PATH中。我重新启动了sublime文本，但是当我尝试运行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。

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

1 个答案: