Question

我正在尝试使用以下javascript代码打印div，如下所示：

var divToPrint = document.getElementById(curid);

    var newWin = window.open('', 'Print-Window');

    newWin.document.open();

    newWin.document.write('<html><head><link rel="stylesheet" href="css/bootstrap.css"><link rel="stylesheet" href="css/font-awesome.min.css"><link rel="stylesheet" href="css/style.css"><link rel="stylesheet" type="text/css" media="print" href="css/print.css"></head><body onload="window.print()">' + divToPrint.innerHTML + '</body></html>');



    newWin.document.close();

    setTimeout(function () {
        newWin.close();
    }, 10);

Print.css如下：

@media print {
        font-size:10px;
        font-family: Calibri;

    }

打印div样式如下： font-size:8pt;font-family: Calibri;

当我看到div正确时。但是当我打印时，我在开放式办公室检查了字体大小 12 font-size 。

我尝试更改媒体打印属性但无法正常工作。

Answer 1

你的css应该如下：

@media print {
    body{
        font-size:10px;
        font-family: Calibri;
    }
}

媒体查询{}的内容只会“运行”。媒体查询匹配时所以在你没有这些{}之间的有效CSS之前。

使用javascript打印时，介质打印不正确

1 个答案: