@media print for chrome 不起作用

Question

好吧，光看标题大家一定认为这是重复的，但我已经从 StackOverflow 尝试了很多结果，但没有成功。

@media print曾为火狐工作过。当我尝试使用 Chrome 时，情况一团糟。

很多人建议使用@media screen and (-webkit-min-device-pixel-ratio: 0)，我也这么做了。但 Chrome 不会读取所有选择器和属性。

例如，我有：

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    a[href]:after {
        content: none !important;
    }
}

这不会删除href打印视图中的值。

@media print {
    a[href]:after {
        content: none !important;
    }
}

这对于 Firefox 来说非常有效。但是，当然，由于它是@media print，这对 Chrome 根本不起作用。

我什至尝试过* { transition: none !important }，很多人说有效，但对我来说仍然不起作用。

当然我还补充了

<link rel="stylesheet" media="print" href="{% static "css/print.css" %}">

甚至有人说“使用JavaScript检测是否是Chrome用户代理”，我也尝试过，但我已经删除了代码，所以我不能在这里发布它。

很多结果都是几年前的。我认为最近的一个是 2014 年的。我想知道是否是因为 Chrome 更新了或者其他什么原因，这就是为什么它们曾经可以工作但现在不再工作了。

这两个网站是最受欢迎的网站，但仍然没有尝试他们写的内容。

任何人都可以给我一个想法，或者有人知道如何让它在 Chrome 上运行吗？

提前致谢（希望这不是重复的，因为我看到了很多线程，并且所有线程几乎都链接到我上面尝试过的答案）。

如果有人对我应该做什么有任何建议，请告诉我。

Answer 1

我通过简单地删除标记中的属性解决了@printChrome 主 CSS 文件中嵌入样式表的问题：media

\n\n

<link rel="stylesheet" href="css/styles.css">

\n\n

另一方面，我个人以前从未见过% static \xe2\x80\xa6 %在<link>元素中使用 in 。你试过不使用它吗？

\n\n

现在，如果您想链接单独的打印样式表，我建议不要包含属性media：

\n\n

<link rel="stylesheet" href="css/print.css">

\n