Question

如何在文档打印时不使用类设置网页的下边距。由于某种原因，我无法创建文档头。我不能使用这样的代码，因为我无法访问文档头。

@media print {
    p.note {
        bottom: 0; position: fixed; 
    }
}

Answer 1

如果你不能，或者由于某种原因，不想使用css @media，你总是可以使用一些jquery：

window.onafterprint = function() {
    $("p.note").css("position","fixed");
    $("p.note").css("bottom","0");
}; // IE5+

window.matchMedia('print').addListener(function(change) {
    if !(change.matches) {
        $("p.note").css("position","fixed");
        $("p.note").css("bottom","0");
    }
});  // Chrome 9+, Safari 5.1+

您可以在此处找到更多信息：http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/

而且几乎存在一个插件：https://code.google.com/p/jmediatype/

添加页脚以打印网页并设置边距而无需打印介质

1 个答案: