編碼的世界 / 優質文選 / 生涯

css 的@media print控制打印


2021年9月19日
-   

@media版本:CSS2    兼容性:IE5+   語法:     @media     sMedia   {   sRules   }     說明:     sMedia   :    指定設備名稱。請參閱附錄:設備類型   sRules   :    樣式表定義     指定樣式表規則用於指定的設備類型。請參閱link對象的media屬性(特性)。     示例:     //   設置顯示器用字體尺寸   @media   screen   {   BODY   {font-size:12pt;   }   }   //   設置打印機用字體尺寸   @media   print   {   @import   "print.css "   BODY   {font-size:8pt;}   }  
 
Media   Types         設備類型   Media   Type 設備類型   CSS   Version 版本   Compatibility 兼容性   Description 簡介   all   CSS2   IE4+   用於所有設備類型   aural   CSS2   NONE   用於語音和音樂合成器     braille   CSS2   NONE   用於觸覺反饋設備   embossed   CSS2   NONE   用於凸點字符(盲文)印刷設備   handheld   CSS2   NONE   用於小型或手提設備     print   CSS2   IE4+   用於打印機   projection   CSS2   NONE   用於投影圖像,如幻燈片   screen   CSS2   IE4+   用於計算機顯示器   tty   CSS2   NONE   用於使用固定間距字符格的設備。如電傳打字機和終端   tv   CSS2   NONE   用於電視類設備
 
 
 
  • <style>     
  • @media print {   
  • .noprint {    
  • display: none    
  • }   
  • }   
  • </style>  

  •  
  • 這裏是打需要打印的內容.<span class="noprint">我只顯示不打印哦,很神奇吧。哈哈</span>  
  • <div class="noprint" >  
  • <table style="margin:0 auto;width:500px;">  
  •     <tr align="center" ><td>  
  •       <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"  
  •                     width="0">  
  •       </object>  
  •   <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)">  
  •   <input type="button" value="頁面設置" onclick="document.all.WebBrowser.ExecWB(8,1)">  
  • <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">  
  •   <input type="button" value="打印預覽" onclick="document.all.WebBrowser.ExecWB(7,1)">  
  •     </td></tr>  
  • </table></div>  
  • 熱門文章