我在Chrome中只有对齐问题,并且在print.css中使用了以下Chrome CSS hack: @media screen和(-webkit-min-device-pixel-ratio:0){ .invoiceTable .smallerInput { margin-top:9px!important; } }
当我去打印预览时,尚未应用该样式。 如果我将Chrome仅将CSS黑客添加到普通网页浏览CSS中,我可以看到这些样式在Chrome中正确应用,而在其他浏览器中不受影响。似乎由于某种原因未检测到打印预览。 有谁知道如何让它在Chrome的打印预览上工作?
答案 0 :(得分:2)
你需要使用
@media print
定位打印机。
答案 1 :(得分:1)
使用链接标记
<link rel="stylesheet" href="my-sample-print-style.css" media="print"/>