一、简介
print媒体是CSS的一个重要功能，它可以决定网页在打印时的布局、样式和展现方式，使网页可以更好地适应打印时的需求。在实际工作中，我们经常需要将网页转换成PDF文件或者打印出来。CSS的print媒体为我们提供了极大的便利。下面我们将通过示例来详细了解CSS中print媒体的使用。
二、示例
以下是一个简单的页面，我们将通过CSS中print媒体来对它进行打印布局的调整。
CSS中print媒体的示例 @media print {
header, footer {
display: none;
}article {
width: 90%;
margin: 0 auto;
}p, ul, ol {
font-size: 16px;
}img {
max-width: 100%;
}.page-break {
page-break-after: always;
}
}示例页面
这是一个简单的页面。
- 列表项1
- 列表项2
- 列表项3
这是一个段落。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/198451.html
微信扫一扫 
支付宝扫一扫 