css媒体查询print
时间: 2023-07-27 12:13:48 浏览: 176
CSS3媒体查询Media Queries基础学习教程
CSS媒体查询print用于指定打印页面的样式。当用户打印网页时,浏览器会应用这些样式。以下是一个简单的示例:
```css
@media print {
/* 这里是打印样式 */
body {
font-size: 12pt;
line-height: 1.5;
}
/* 隐藏不必要的元素 */
header, footer, nav, aside {
display: none;
}
}
```
在上面的示例中,我们使用@media print声明了一个CSS媒体查询,指定了打印样式。在这个媒体查询内,我们设置了body元素的字体大小和行高,并将header、footer、nav和aside元素隐藏,因为它们对于打印来说通常是不必要的。
需要注意的是,不同浏览器和打印机的行为可能不同,因此建议在打印之前预览打印样式。
阅读全文