javascript - CSS:从打印预览 Chrome 中禁用页眉和页脚

Question

我的一个应用程序是基于网络的 POS(销售点)。所以在用 chrome 打印发票时。由浏览器自动插入的页眉和页脚，我想通过页面取消，无需用户干预..

我在打印媒体中应用了一些 CSS，

@media print {
 #header, #footer { 
    visibility: hidden !important;
    display: none !important;
 }
}

但它不适用，也许选择器不正确？

我也尝试过减少边距，但如果打印有多个页面，它会剪切/覆盖页面内容。还有一件事，我不想禁用 chrome 的打印预览选项..

有人对此有好的解决方案吗？

最好的问候..

Answer 1

使用

@page{margin:0px auto;}

在您的 CSS 脚本中。这很可能会在打印时打乱您的页面布局，因此您可能希望添加一个带有正确填充的#container div 以使您的页面再次看起来不错。仅在 Google Chrome 上测试过。