0

ユーザーが印刷ボタンをクリックすると、このJS関数があります。

<script>
function printDiv()
{
  var printer = window.open('','','width=300,height=300');
    printer.document.open("text/html");
    printer.document.write(document.getElementById('news_contents').innerHTML);

    printer.print();

}
</script>

そして、CSSを次のように含めました

@media print {

  #news_content { 
     color: #666;
        font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
  }
}

ただし、ユーザーが印刷すると、CSS は適用されませんでした。HTMLヘッダーを確認しましたが、CSSスクリプトは実際にあります。なぜ機能しないのですか？ユーザーが Mac から印刷すると、コンテンツ領域の画像が縮小して小さくなります。とにかく、私はそれをウェブサイトとまったく同じにすることができますか？

前もって感謝します。

4

2 に答える 2

5

私は同じ問題を抱えています、私がしたことは、置かれました：

<style>
   @media print
   { 
     /..../
   }
</style>

内部DIV-私はそれnews_contentsがあなたの場合だと思います。
お役に立てば幸いです。

于 2013-03-02T20:23:36.850 に答える
2

@media宣言が親ウィンドウにあるため、問題があると思います。新しいウィンドウを開いて、印刷用にコンテンツを追加しています。

@mediaしたがって、新しいウィンドウの新しいドキュメントは、 CSS 宣言について何も知りません。

于 2012-10-03T20:22:00.490 に答える