网页默认打印：fixed布局的内容会在每页打印，遮挡其他内容

2024年4月10日 103次阅读 来源: zhaohanqq

使用浏览器默认的打印功能，头部固定的导航条每页都打印并且遮住了正文部分，解决办法，给头部导航条设置如下样式

<Header class="noprint" />
<style lang="less" scoped>
  .noprint{
    @media print {
      display : none
    }
  }
</style>

或者

<style type="text/css" media="print">  
    .noprint{display : none }  
</style>

只有在打印的状态下，display : none 才起作用，隐藏头部导航条

    原文作者：zhaohanqq
    原文地址: https://blog.csdn.net/zhaohanqq/article/details/88909714
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞