问题标签 [autoprefixer]

我有带SASS 编译器的 PhpStorm ，效果很好。现在我尝试添加autoprefixer，但它不起作用。gem 已安装，在...\Ruby23-x64\lib\ruby\gems\2.3.0\gems\autoprefixer-rails-6.3.6\spec\compass\config.rb钩子中插入（如最后一个链接中所述）。

在 PhpStorm 中保存 SASS 文件后，会创建一个 CSS 文件，但没有前缀（尝试使用 flexbox、transform...）。我究竟做错了什么？

虽然这里有类似的帖子，但我找不到解释为什么 Gulp 中的 Autoprefixer 在某些情况下似乎忽略了指定的浏览器。

这是我的 Gulpfile.js 的相关部分：

我可以告诉 autoprefixer 正在运行，因为 -webkit- 前缀应用于最终的 CSS 文件，如下所示：

但是，鉴于我指定了 'ie 9'，不应该

也出现在这里？

我已经尝试了很多语法变化，但似乎无处可去！这里的任何指针表示赞赏。

我安装了 grunt-postcss 和 autoprefixer 插件，但是当我尝试使用插件“ load-grunt-config ”、Autoprefixer 和其他插件的方法配置 PostCSS 时，什么都不做，也没有提示或错误。

这是控制台的输出：

当我以标准方式配置 grunt 时，PostCSS 可以正常工作。

这是我的 postcss.js 文件，放在 grunt 文件夹中：

相反，使用这个命令grunt postcss --debug，控制台会显示：

或者这个命令行$grunt postcss --verbose，控制台显示这个：

你不知道如何解决它

谢谢你的帮助

马里奥

我正在尝试为 PostCSS autoprefixer 使用 wepback 加载器和插件。所有 SCSS 都在编译，但没有加前缀。

这是我的配置中的内容：

我错过了什么。

有些地方我使用过 flexbox，但它们没有加前缀

我正在设置一个 SCSS mixin 来自动化高清屏幕的媒体查询语法。我的 SCSS 是通过 Codekit 编译的，编译后应用了 AutoPrefixer。mixin 包含多个媒体查询，每个查询都针对不同的屏幕分辨率。我在每个媒体查询中使用的语法如下：

此语法重复多次，并根据需要调整数字以针对不同的分辨率。它编译得很好，在 AutoPrefixer 工作后它很神奇，我得到了以下编译输出：

除了删除了 Opera 前缀之外，这几乎与输入相同。伟大的。除了一种情况。由于我无法理解的原因，当涉及到我的 x2 比率代码块时，AutoPrefixer 插入了一个奇怪的额外行。这是我在AutoPrefixed之前编译的输入：

这是 AutoPrefixed 输出：

您可以看到问题：AutoPrefixer 添加了第二个 -webkit-min-device-pixel-ratio 条件，其怪异值为 2.0208333333333335。媒体查询已经有一个 -webkit-min-device-pixel-ratio 条件，所以这个额外的条件与它直接冲突。奇怪的是，它只在 x2 查询上执行此操作。其他查询，都具有相同的复制和粘贴语法，没有得到这个奇怪的额外规则。

谁能解释一下并告诉我如何避免它（除了不使用 AutoPrefix）。

我一直在使用 sublimetext3 做网页。我安装了一个名为 autoprefixer 的插件，它一直在工作。升级到 Windows 10 后，我注意到 autoprefixer 中有一个奇怪的错误。

当我运行它时它可以工作，但没有放入任何 safari 供应商代码。例如查看以下代码

在我运行 sublimetext3 autoprefixer 之后，我得到了这个

您会注意到没有 Safari 供应商代码，例如

这是 Sublimetext3 自动前缀中的错误，还是我必须更新一些东西？使用 sublimetext3 和 autoprefixer 的人可以帮助我吗？

我正在从 gulp-ruby-sass 切换到 gulp-sass。Gulp ruby​​ sass 可以正常工作，但是为了让我们的 Windows 开发人员的生活更轻松，我正在尝试消除对 Ruby 的依赖。

我在设置我的 gulp 文件时安装了这些软件包，如下所示：

除了每次我的文件中的评论都失败：

它映射到 scss 文件中的注释。请注意，即使我删除了这个块，sass 也会在下一条评论中出错。

如果我注释掉 autoprefixer 管道，它就可以工作。那么这里有什么问题呢？

FWIW，我正在遵循本网站的指导方针。

我在我的 ruby​​ (2.2.2) on rails (4.2.3) 应用程序中使用 autoprefixer 但似乎有一个 GemRequireError 并且我不知道为什么或如何去修复它......谁能给我一些指针？

我运行 bundle 并安装 autoprefixer-rails 6.3.3.1 没有问题，但是当我尝试使用运行 Web 时rails s出现错误。

错误：

我的 /home/user/development/myweb-web/config/application.rb:7

我的宝石文件：

我一直在尝试使用 LESS 和 Autoprefixer 配置 webpack，但 autoprefixer 似乎不起作用。我的 css 或更少的文件没有自动添加前缀。示例： display: flex停留display: flex

我把我的 webpack 配置放在下面：

安装后，我刚刚在https://www.npmjs.com/package/gulp-autoprefixer复制了示例，gulp并且gulp-autoprefixer：

我有以下内容a.css：

在 I 之后gulp，我进入a.cssdesc，但使用与原始代码完全相同的代码。没有-webkit-添加，但从http://caniuse.com/#search=keyframes它应该作为 Android 浏览器的前缀，这是我的目标设备。

我错过了什么吗？