我有一个对齐问题,只有在Chrome和我使用以下Chrome CSS hack在我的print.css:@media screen and (-webkit-min-device-pixel-ratio:0){.invoiceTable .smallerInput {margin-top: 9 px !重要;}}
当我去打印预览时,样式还没有被应用。如果我将Chrome的CSS hack添加到正常的页面视图CSS中,我可以看到样式在Chrome中正确应用,而在其他浏览器中不受影响。似乎由于某种原因,打印预览没有检测到它。有人知道如何让它在Chrome的打印预览上工作吗?
您需要使用@media print
瞄准打印机。
使用链接标签
<link rel="stylesheet" href="my-sample-print-style.css" media="print"/>