首页 > 其他 > 详细

media="print" 只在打印的时候显示该内容

时间:2017-03-04 12:49:31      阅读:197      评论:0      收藏:0      [点我收藏+]
<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>

media="print" 只在打印的时候显示该内容

原文:http://www.cnblogs.com/miny-simp/p/6500843.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!