媒体查询用于在打印网页时隐藏/显示元素。使用@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?
输出: