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

Question

我的一个应用程序是基于Web的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上测试过.