vue打印样式，css隐藏页眉和页脚

隐藏打印预览的“页眉和页脚”，两种方案，推荐方案一

方案一：

<style media="print">
/* 隐藏打印预览的页眉和页脚 */
@page {
    size: auto; /* auto is the initial value */
    margin: 0mm; /* this affects the margin in the printer settings */
}
</style>

方案二：
手动隐藏：打印预览 更多设置 -> 选项 取消勾选“页眉和页脚”

使用vue-print-nb发现在打印预览时样式全都没了

下边是需要打印的div，在写css样式的时候，id="receipts"这个div不可以让父级给包裹（也就是不可以有别的父级包裹这个div），且父级不可以有样式（id="receipts"这个div不可以有样式）！ 样式应写在class="receipts-box"这个div上。或者使用内样式也是可以的（不推荐这么做）。

<div id="receipts">
    <div class="receipts-box">
        <div class="">这里是小票的logo图片</div>
        <div class="">交易时间：</div>
        <div class="">交易单号</div>
        ...
        ...
    </div>
</div>