javascript - 取决于窗口大小的打印输出

Question

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

换句话说，当窗口处于全宽状态时检查打印对话框时，预览会显示小字体，并且所有内容都会在页面上展开。当屏幕尺寸减半并再次检查打印对话框时，内容和文本变得更大，更适合页面。即使我将测量单位更改为font-sizefrom pxto ，这种行为仍然存在pt。

简而言之，打印输出的大小取决于窗口的大小。这是正常的/可以预期的吗？有没有解决的办法？我在其他网站上看不到这种行为。我认为无论您尝试以半窗口大小的全窗口大小打印，打印内容的大小都应该相同。

标签： javascriptcssprinting-web-page

Answer 1

使用 mdn解释的打印样式表

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

或在常规样式表中使用打印媒体查询 css 选择器。

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