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

标签 css sublimetext3 sublime-text-plugin

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

最佳答案

寻找 -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 .

关于css - 为什么 sublime 的 autofixr 没有完成它的全部工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20693087/

相关文章:

css - CSS 可以在 VB WinForms 应用程序中使用吗?

html - 响应式侧边栏 wordpress 主题

html - 我如何设置下一个 img 标签的 div 高度?

sublimetext2 - 如何在 sublime 2 中为不同的文件类型添加图标

sublimetext3 - "view.window().run_command"和 "view.run_command"之间的区别

Sublime Text 编辑器中的 PHP 语法检查

sublimetext3 - Sublime 的键绑定(bind)从一个键绑定(bind)设置多个设置

javascript - 是否可以使用页面滚动条滚动内部 div?

javascript - JavaScript中有没有root关键字或者为什么Sublime会这样显示?

Angular 2 在 Sublime Text 3 中有错误