html - css 目标 IE 和 Microsoft Edge

Question

针对 IE 和 Microsoft Edge 申请特定 CSS 的正确方法是什么？

这是我的通用 CSS:

.details-list {
    font-size: 13px;
    font-style: italic;
    display: table;
    margin: 0 auto;
}

所以，假设我只想增加 Microssft Edge 和 IE 的字体大小。

最好的方法是什么(sass 已设置 - 如果有帮助的话)？

欢迎任何帮助!

Answer 1

通常应该避免使用特定于浏览器的 CSS，但如果您确实需要，您可以有多种可能性。这些应该是最常见的:

1. 在 html 中使用条件注释来定位特定的 IE 版本: https://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

2. 通过编写语法错误的 CSS 来使用 css hack，这种做法(由于自动更正)仍然应用于某些浏览器/版本中。 http://browserhacks.com/这是一个非常好的收藏

3. 使用 JavaScript 设置 CSS 类，例如 is-internet-explorer，然后在 css 中使用它来仅针对此类浏览器。由于 userAgent 评估非常困难，并且浏览器经常伪装成另一个浏览器，因此您应该使用 JavaScript 库来完成这项繁琐的任务(例如 https://github.com/DamonOehlman/detect-browser )

4. 使用一些服务器端逻辑来提供额外的 CSS-Filer 或设置额外的类。这与 #3 基本相同，但在服务器端。