浏览器只打印我网站的一页内容较少？

Question

我正在一个主要div内容很长的网站上工作，div中有一个垂直滚动条。但是，当我尝试使用浏览器打印来打印网站时。只显示一个页面，大部分数据都丢失了。

PS：我使用@media print { ... }和css样式尝试了所有可能的解决方案。

Answer 1

只需在打印媒体查询中使用overflow-y：visible。

    @media print {
  #mainLayout {
            height: 100%;
            overflow-y: visible;
            overflow-x: visible;
        }
}