问题标签 [autoprefixer]

问题： Compass 和我的 sass 变量 $property 无法正常工作，我不想使用$property: all.

问题：

如何设置属性值，以便我的 compass mixin 正确转换$property: translateX？

笔记： 我有一个 grunt watch 执行指南针和自动前缀保存与 livereload

CSS：

我发现了将所有 css 前缀添加到您的 css 的一流 Autoprefixer 工具。好的！在这里看到它：https ://github.com/postcss/autoprefixer

我还发现有一个 symfony 包可以让它在资产下工作。在这里查看：https ://github.com/bit3/assetic-autoprefixer

不幸的是，我正在使用运行 Windows 的 PC 进行开发，所以我无法运行“sudo something”来安装 autoprefixer：“sudo npm install -g autoprefixer”

有谁知道我如何在 Windows 7 上安装 autoprefixer ？

非常感谢！

我无法让 Autoprefixer 与 Gulp 一起工作。我在我的 CSS、渐变和变换中使用了不透明度，并且没有显示任何供应商前缀。否则，其他一切都在工作。

这是我的 gulp 文件：

• 我已经搜索并尝试了解决此问题的各种解决方案，但均无济于事。我也尝试过更改.pipe(gulp.dest(''))为特定目录（如建议的这个答案），但没有任何运气。

感谢您提供的任何帮助。

* 更新 *

我想指出我对 Autoprefixer 添加不透明度前缀的天真，它显然没有。

我有一个用于我的 Sass 样式的构建命令，如下所示：

sass src/styles/main.scss --style compressed | autoprefixer -b \"> 1%, IE 8\" > dist/main.css

现在，我想在开发过程中使用类似的命令。但我不知道如何将更改的文件通过管道传输sass --watch到 autoprefixer cli。我设法使用 OSX 的fswatch工具解决了这个问题，但我希望有一个更简单、更通用的解决方案

I'm trying to use Grunt-Autoprefixer in my project but its not adding prefix for IE9 transform -ms- http://caniuse.com/#search=transform

I have IE in my browserlist array Explorer >= 8

browsers: [ "Android 2.3", "Android >= 4", "Chrome >= 20", "Firefox >= 24", "Explorer >= 8", "iOS >= 6", "Opera >= 12", "Safari >= 6" ]

yet, transform: whatever becomes

transform: whatever -webkit-transform: whatever

What am i missing?

我是否需要安装所有这些依赖项和 devDependencies 才能在节点中使用 autoprefixer，尽管我根本不使用 gulp？

https://github.com/postcss/autoprefixer/blob/master/package.json

我想在这样的节点中使用它：

如此处所述：http ://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/

但是我收到一条错误消息，说系统找不到文件，不知道这意味着哪个文件。

我安装了它

为什么引导程序不使用 grunt-autoprefixer ？

为什么他们使用另一个？

他们有什么区别？

我应该在自己的项目中使用哪一个？

/使困惑

我想使用 Compass 和 Autoprefixer 为多个浏览器输出/编译 CSS，但对每个文件使用不同的设置。例如

chrome.css 铬 > 4

firefox.css 火狐 > 20

safari.css Safari > 6

等等。

这样做的原因是为每个浏览器提供特定的样式表。

这是我当前的标准 Compass config.rb 设置，每个编译的样式表都使用相同的 Autoprefixer 设置：

所以我目前使用BundleTransformer，LESS并且我正在尝试添加Autoprefixer后处理器。这个插件会自动接受 css liketransform: scale(1.5)并将其转换为-webkit-transformand -moz-transform.

如果我处于发布模式或有BundleTable.EnableOptimizations=true那么一切工作正常，前缀按预期添加。

然而，在调试模式下，我的包中的所有单独的 CSS / LESS 文件都作为单独的请求存在于 HTML 中。我在我的 CSHTML 文件中使用这个命令：

即在调试模式下，这会扩展到以下LINK标签：

而不是单个文件

对于 LESS 文件，IIS 会自动转换它们，但它不应用Autoprefixer.

.css请求原始文件和文件时，有没有办法让 Autoprefixer 工作.less？

如果不是，这对我来说似乎毫无意义，因为我看到的唯一选择是直接请求'Content/css/lessbundle虚拟 URL - 这将通过Autoprefixer. 它只会在发布版本中被缩小。

总的来说，我是 grunt tooling 和 sass 的新手，这是一次很棒的学习经历。:) 我目前已将 grunt 配置为在构建时连接/最小化我的 SCSS。我想使用grunt-autoprefixer插件来添加供应商前缀，但是我不完全确定如何将它集成到我现有的 Gruntfile 中。在下面的代码中，我已经开始实现它（请参阅注释掉的“TODO”部分），但如果有人能指出我正确的方向以使其工作，将不胜感激:)

这是我目前的Gruntfile.js：