Javascript 打印时调整字体大小_Javascript_Html_Css

Javascript 打印时调整字体大小

javascript html css

Javascript 打印时调整字体大小,javascript,html,css,Javascript,Html,Css,打印文本时，如何调整文本的字体大小？我试着把字体大小属性，但它没有用时，我要点击打印按钮，它会回到默认的字体大小 function print1(strid) { var values = document.getElementById(strid); var printing =window.open(""); printing.document.write(values.innerHTML); printing.documen

打印文本时，如何调整文本的字体大小？我试着把字体大小属性，但它没有用时，我要点击打印按钮，它会回到默认的字体大小

            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')">

函数打印1（strid）
{
var值=document.getElementById（strid）；
var打印=窗口。打开（“”）；
打印.document.write（values.innerHTML）；
printing.document.close（）；
打印。焦点（）；
printing.print（）；
打印。关闭（）；
}
例：我的数据表1

您可以使用CSS媒体查询。在样式部分中，添加如下内容以增加整个正文的字体大小。您可以使用任何其他CSS选择器而不是body，因此对于您的div，请使用#print2


@媒体印刷品{
正文{
字体大小：大号；
}
}

将其添加到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>


身体{
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
字号：12号；
}
@媒体印刷品{
正文{
字号：48pt；
}
}
无标题文件
这是一个带有正常大小文本的示例文档，应该打印大文本。


@媒体印刷品{
正文{
字体大小：大号；
}
}

将其添加到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>


身体{
字体系列：“Gill Sans”、“Gill Sans MT”、“Myriad Pro”、“DejaVu Sans Condensed”、Helvetica、Arial、Sans serif；
字号：12号；
}
@媒体印刷品{
正文{
字号：48pt；
}
}
无标题文件
这是一个带有正常大小文本的示例文档，应该打印大文本。

@bitfillder，它不工作。我该怎么做呢？如果你还没有一个，你需要在你的HTML中添加一个部分，并把它放进去。我将用更多的上下文来编辑答案。很抱歉。我对媒体的提问有点错误。我将编辑anser并包含一个完整的示例。@bitfillder，它不起作用。我该怎么做呢？如果你还没有一个，你需要在你的HTML中添加一个部分，并把它放进去。我将用更多的上下文来编辑答案。很抱歉。我对媒体的提问有点错误。我将编辑anser并包含一个完整的示例。