javascript window.print() 打印问题？预览时图片正好，打印到A4上时变小？？据说是print打印的是屏幕大小

Posted 2023-05-02

预览时图片占屏幕的左半部，打印后图片变小，打印的图片是A4纸的一半，现在是想让打印部分按纸张大小打印，不是窗口按纸张大小打印，该怎么设置呢？？请高人指教。。

参考技术A 1。把你的css里的长度单位改成毫米（mm）,不要用像素（px），用磅（pt）也行.如果是默认没写单位就是像素（px），也是要改的。因为像素是浏览器的单位也就是窗口的单位，而毫米或者磅是打印后的纸面上单位。
2。在页面打印的时候要设置浏览器的纸张参数，就是点文件-〉页面设置。把上下左右宽度间距设置好。还要去掉标题页头页角之类的，要不打印会把url都打出来。
3。设置css的时候可以加上 media="print" ,css 默认值是both,最好写两套css。一套是print,一套是screen.因为print的 意思是在打印的时候会采用的css样式，screen就是浏览器显示的样式。所以，有的时候都是用显示与打印不一样的样式。例如：
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
<link href="screen.css" rel="stylesheet" type="text/css" media="screen" />
这样，浏览器在显示的时候会使用screen.css，在打印的时候会使用print.css。
4。自己再多试试，页面打印其实不难，就是要仔细。追问

谢谢 非常的感谢你 我再去试试 下次在有类似问题的话还找你啊。。

追答

好的。

本回答被提问者采纳

使用javascript函数window.print（）在下一页上写一些内容

在我的ASP.NET MVC视图中，我编写了以下代码来打印我的网页内容。

        var newWindow = window.open();
        newWindow.document.write()

        newWindow.document.write(document.getElementById("sbmtform").innerHTML);
        newWindow.print();

我有另一个div，我希望在同一文件的下一页上打印。请指导如何添加页面或如何进入下一页并编写我的内容。

答案

您可以添加CSS指令：

@media print {
    .mynewpage {page-break-after: always;}
}

并在HTML中

<br class="mynewpage">

另见https://www.w3schools.com/cssref/pr_print_pagebb.asp

如果你没有CSS，你也可以这样做：

<br style="page-break-after: always;">

另一答案

不确定为什么您希望最终用户使用所有UI控件打印整个网页。考虑使用特定的reporting tool生成和打印基于数据的文档。