A4ページにhtmlを印刷するとメディアが動作しない

A4サイズでhtmlページを印刷する必要があります。また、CSS、htmlと一緒に内容の本文を印刷し、メニューリスト、ヘッダー、フッター、ページの右側のメニューを無視したいリスト。A4ページにhtmlを印刷するとメディアが動作しない

これから始めて、単純なdivとclass noprintを紹介し、これを@mediaプリントに追加しましたが、その機能が動作していないようです。 noprintクラスは@mediaプリントの外で動作するので、正しいことが分かります。

また、私の要件は、標準のCtrl + Pのキーボードオプション

<style type="text/css"> 

    .standardStyle { 
     display:block; 
     width:200px; 
     height:150px; 
     padding:10px; 
     background-color:green; 
     margin:5px; 
    } 

    @media print{ 
    .noprint{ color:red;} 
    } 

</style> 

</head> 
<body> 

<div class="noprint standardStyle"> 
    this is test line.... 
</div> 

<div class="print standardStyle"> 
    this is test line.... 
</div> 

<div class="print standardStyle"> 
    this is test line.... 
</div>

出典

2016-03-22 toxic

実行スニペットとCtrl + Pを打つを使用して、ブラウザから直接印刷することです赤色の線が表示されます。スクリーンショット：

@media print { 
 
     .noprint { color:red; } 
 
}

<div class="noprint"> 
 
     this is test line..... 
 
</div>

出典

2016-03-22 16:42:59 Tushar

ありがとうございました.... – toxic

@media print 
{  
    .noprint{  
    display: none !important;   
    }  
}

出典

2016-03-22 16:39:17

ほとんどのブラウザは、デフォルトでは背景色と背景画像を印刷しません。私はあなたが緑色の背景を欠いていると思います - これがその理由です。

通常、ブラウザの印刷ダイアログで調整できますが、強制的に背景を印刷するには、印刷に正しく表示されない設定に!importantを追加してみてください。

出典

2016-03-22 16:51:01 Johannes

A4ページにhtmlを印刷するとメディアが動作しない

答えて

関連する問題