js打印內容隱藏,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;} } css

或者<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>
 
相關文章
相關標籤/搜索