Chrome CSS Hack无法在打印预览中使用

时间:2013-05-21 17:10:26

标签: css google-chrome print-preview

我在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的打印预览上工作?

2 个答案:

答案 0 :(得分:2)

你需要使用         @media print 定位打印机。

答案 1 :(得分:1)

使用链接标记

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