window.print 出现大片空白问题 ?

image.png
使用window.print 打印时,出现如图的空白, 当缩放浏览器窗口的时候,这个空白的位置和大小还是随机的。

但是直接在网页上看 是没有空白区域的。

请问打佬一般由什么原因导致?

补充

edge 打印和 chrome 还不一样
image.png

阅读 4.4k
3 个回答

最后发现是这个问题:
两个缩放属性 scale 和 zoom

由于程序中使用的是 scale, 所以就导致 pdf内容只会在原页面进行缩放。 比如原来内容占了三页, scale之后 不管缩放多小 还是占三页。

zoom 缩放进行实际的缩放,比如原本有三页,缩放完成之后可能变为1页

所以这个地方解决方案:
横向缩放为 0.6 , 纵向缩放为 0.5

zoom: 0.5
scaleX: 0.6/0.5

没有相关代码无法猜测。不过如果正常查看没问题,只是打印才会出现这样的问题的话,检查一下是否配置了打印样式。比如说全局搜一下 @page 关键字。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题