Chrome CSS黑客无法在打印预览中工作

我只在Chrome中存在对齐问题，我在print.CSS中使用了以下Chrome CSS攻击： @媒体屏幕和（-webkit最小设备像素比：0）{ .invoiceTable.smallerInput{ 利润顶部：9px！重要； } }

当我转到“打印预览”时，尚未应用样式。 如果我将Chrome-only CSS hack添加到普通的页面视图CSS中，我可以看到这些样式在Chrome中得到了正确的应用，并且在其他浏览器中没有受到影响。由于某种原因，打印预览似乎没有检测到它。 有人知道如何在Chrome的打印预览中使用它吗？

您需要使用

@媒体打印

以打印机为目标

您需要使用

@媒体打印

以打印机为目标

使用链接标签

<link rel="stylesheet" href="my-sample-print-style.css" media="print"/>

使用链接标签

<link rel="stylesheet" href="my-sample-print-style.css" media="print"/>

是的，我的样式表设置正确：但打印预览仍然不起作用。我们的媒体查询显示“@media screen”。打印机不是屏幕。带有media=“screen”（/stylesheets/invoice.CSS）的CSS文件用于正常的web视图。带有media=“print”（/stylesheets/invoicePrint.css）的第二个用于打印视图，该视图包含上述仅限Chrome的css，并且未被应用。我理解这一点。我是说在你的print.css文件中有“@media screen…”，这只适用于屏幕。您需要将其更改为“@media print…”，因为您试图将目标锁定为打印机而不是屏幕。啊，很抱歉我的误解。你说的是真正的Chrome黑客代码。它现在工作得很好。谢谢是的，我已经正确地设置了样式表：但是它仍然不能用于打印预览。我们的媒体查询显示“@media screen”。打印机不是屏幕。带有media=“screen”（/stylesheets/invoice.CSS）的CSS文件用于正常的web视图。带有media=“print”（/stylesheets/invoicePrint.css）的第二个用于打印视图，该视图包含上述仅限Chrome的css，并且未被应用。我理解这一点。我是说在你的print.css文件中有“@media screen…”，这只适用于屏幕。您需要将其更改为“@media print…”，因为您试图将目标锁定为打印机而不是屏幕。啊，很抱歉我的误解。你说的是真正的Chrome黑客代码。它现在工作得很好。谢谢