前端打印高度显示不全的问题

Posted by
内容纲要

最近在写页面打印功能的时候,发现当页面超过一定高度的时候,打印时只会截取中间一部分打印出来。于是我在想会不会是打印时overflow样式的问题。于是在stackoverflow上找到了如下解答:

https://stackoverflow.com/questions/16221412/css-media-print-causes-part-of-the-page-to-be-cut-off-during-printing-in-ie

Printing CSS:

  1. Make sure all print floats are: float none;
  2. Make sure your body is overflow-y: visible;
  3. Make sure all your contents for print have display: block;

我的页面符合第一和第三条,只有第二条不符合,我添加一下打印样式即可全部打印出来。

@media print {
  body { 
       overflow: visible;
    }
}

Leave a Reply

您的电子邮箱地址不会被公开。