如何将相同的CSS属性应用于不同的浏览器（Chrome，IE）

Question

例如，我看到display：chrome的inline-grid而显示：IE的-ms-inline-grid。我如何更改我的CSS以适用于IE和Chrome？

Answer 1

您应该将这两个项目放在CSS文件中，如下所示：

.my-class {
  display: -ms-inline-grid;
  display: inline-grid;
}

始终首先放置浏览器特定设置，然后是默认设置。这样，如果浏览器支持默认设置，它将使用它。否则，它将选择特定于浏览器的设置，然后忽略其后的未知设置。