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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM