某些打印媒体 css 会使 Internet Explorer 的打印预览崩溃

Question

最近，我开始收到Internet Explorer用户的投诉，他们无法再打印或打印预览我的网站。这样做会导致"打印预览"崩溃，并且根本无法打印页面。我找不到任何有用的解决方案，因为大多数投诉都是关于根本不打印任何网站，尽管这只涉及特定的网站。

解决方案最后，我在打印媒体查询中发现了以下部分：

@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
}

在所有网站中删除该部分解决了所有问题。有人明白为什么吗？

Answer 1

*:first-line使IE11崩溃。

我还没有测试*:first-letter。

前3个选择器不会引起任何问题。

这里也有类似的问题（已修复）https://github.com/google/material-design-lite/issues/4129.