一、簡介
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/zh-tw/n/198451.html
微信掃一掃 
支付寶掃一掃 