打印输出取决于窗口大小

时间:2018-11-13 19:00:00

标签: javascript css printing-web-page

正如标题所示,我正在研究一个项目,需要在特定页面上具有打印功能。此页面是90%的文字。更改窗口大小会影响每页上打印内容的大小。这很奇怪,因为我已经在样式表中使用了@print媒体查询。

换句话说,当窗口全角时检查打印对话框时,预览显示较小的打印内容,并且所有内容都在页面上延伸。将屏幕尺寸减半并再次检查打印对话框时,内容和文本会变大并更好地适合页面。即使我将font-size的度量单位从px更改为pt,这种现象仍然存在。

简单地说,打印输出的大小与窗口的大小有关。这是正常现象吗?有没有解决的办法?我在其他网站上没有看到这种行为。我会认为,无论您尝试以一半窗口大小的全窗口大小打印,打印内容的大小都应该相同。

1 个答案:

答案 0 :(得分:0)

使用打印样式表as explained by mdn

<link href="/path/to/print.css" media="print" rel="stylesheet" />

或在常规样式表中使用印刷品media query css selector

@media print { 
 /* set a constant font size, width and height, hide toolbars etc */
}