本文介绍如何使用CSS的@media print规则来调整网页打印效果，通过示例展示了如何让打印内容与屏幕显示不同，如更改字体大小及控制元素显示隐藏。
<style media="print">、<link media="print">的用法合理应用，media="print"是不被网页所显示的，只能在打印的效果上存在，可以设置出打印效果和在网页上所显示的不一样。
例：打印出来的字体和网页是不同的
// 设置显示器用字体尺寸 @media screen { BODY {
font-size:12pt; } }
// 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }
或者<style media="print">body{
font-size:12px;}</style>
实例：
<html>
<head>
<style>
.none { display:none;}
</style>
<style media="print">.none { display:block;}
</style>
</head>
<body>
<h1>media="print" 实例</h1>
<p>在网页里面是可以看见我的</p>
<p class="none"
media="print" >在网页里看不见我，打印出来你就可以看见我啦！ ^_^ （ 此页面会通过 media="print" 样式表进行格式化。 ）</p>
</body>
</html>
扫一扫
1543
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
