印刷時にフォントサイズを調整する

印刷するときにテキストのフォントサイズを調整するにはどうすればよいですか？私はフォントサイズのプロパティを入れようとしましたが、印刷ボタンをクリックしても使用されません。デフォルトのフォントサイズに戻ります。印刷時にフォントサイズを調整する

  function print1(strid) 
    { 

    var values = document.getElementById(strid); 
    var printing =window.open(""); 
    printing.document.write(values.innerHTML); 
    printing.document.close(); 
    printing.focus(); 
    printing.print(); 
    printing.close(); 

    } 


<div id="print2"> 
Ex : My data table 1 
</div> 

<input type="button" value="Print" onclick="return print1('print2')">

出典

2016-04-11 Jannice

CSSメディアクエリを使用できます。スタイルセクションで、以下のようなものを追加して、本文全体のフォントサイズを増やします。本文の代わりに他のCSSセレクタを使うことができるので、divだけに#print2を使用します。

<head>タグの後にHTMLドキュメントに追加します。もちろん、ブロック内に他のCSSプロパティを設定することもできます。

<!doctype html> 
<html> 
<head> 
<style type="text/css"> 

    body { 
     font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; 
     font-size: 12pt; 
    } 

    @media print { 
     body { 
      font-size: 48pt; 
     } 
    } 

</style> 
<meta charset="UTF-8"> 
<title>Untitled Document</title> 
</head> 

<body> 

This is a sample document with normal size text that should print large. 

</body> 
</html>

出典

2016-04-11 01:18:11 bitfiddler

@bitfillder、その動作していない：

はここで完全な例です。どうしたらいいの？ – Jannice

まだ持っていない場合は、

印刷時にフォントサイズを調整する

答えて