样式未在Microsoft Edge中正确应用。 IE

Question

在除Microsoft Edge / IE之外的所有浏览器中都能正确呈现页面。我有一个添加autoprefixers的繁琐任务，预计会解决这类问题：

autoprefixer: {
  options: {
      browsers: ['last 2 versions']
  },
  main: {
    expand: true,
    flatten: true,
    src: ['css/fromless/*.css'],
    dest: 'css/autoprefixed/'
  }
},

这是它在Microsoft Edge / IE中的外观：

以下是它的外观：

可能有什么问题？

以下是在线布局http://amirm.idhost.kz/aviata/

Answer 1

没有代码或示例很难说清楚，但重要的是要了解autoprefixer旨在采用未加前缀的css文件，并在需要时添加供应商前缀。

我之前看到的一个错误是开发人员发送带有前缀的代码，并希望它能够提供来自其他浏览器供应商的备用供应商前缀。

看看你的代码，如果你有像-webkit-border-radius（或任何包含-ms -webkit -moz）的东西，那么删除所有这些前缀。

然后，自动前缀将仅在必要时将这些前缀添加回您的css（如果浏览器的最后两个版本需要）