📜  如何使用 CSS 媒体查询创建可打印的网页?

📅  最后修改于: 2021-08-30 11:48:32             🧑  作者: Mango

媒体查询用于在打印网页时隐藏/显示元素。使用@media 打印查询并将可见性属性设置为需要在打印时隐藏/显示的元素。在本文中,我们使用媒体查询和可见性属性来打印网页。

示例 1:在此示例中,我们将在打印时打印 body 元素。要隐藏 body 元素,请将可见性属性设置为隐藏在打印媒体查询中。

HTML


  

    
        How to create printable webpage
        using CSS media queries?
    
  
    

  

    

GeeksforGeeks

       

        GeeksforGeeks: It is a computer         science portal for geeks     

     


HTML


  

    
        How to create printable webpage
        using CSS media queries?
    
  
    

  

    

  


输出:

示例 2:在此示例中,我们将在打印时打印 body 元素。要隐藏 body 元素,请将可见性属性设置为隐藏在打印媒体查询中。

HTML



  

    
        How to create printable webpage
        using CSS media queries?
    
  
    

  

    

  

输出: