关于前端: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>