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

Question

页面在除 Microsoft Edge/IE 之外的所有浏览器中都能正确呈现。我有一个添加自动前缀的繁重任务，预计可以解决此类问题：

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 的东西）然后删除所有这些前缀。

只有当它们仍然需要时（如果浏览器的最后 2 个版本需要），自动前缀器才会将这些前缀重新添加到您的 css 中