css - @media 打印 css 问题

Question

我添加了这样的媒体打印 css

@media print
{
    div#file1 {
        height: 100%!important;
        overflow: scroll;
    }
}

问题是它在 Firefox 中工作正常，但在打印时不能在 Chrome 中工作。它不需要铬的高度。当我尝试将 min-height: 100% 分配给 div 时，它正在工作，但仅在滚动后打印可见区域。

Answer 1

你已经指定你想要一个滚动条在你的 div 上以及通常在浏览器上的滚动条，这可以这样做：

 @media print { 
       div#file1{ 
           height: 100%!important; 
           overflow: -moz-scrollbars-vertical;
           overflow-y: scroll;
           overflow-x: hidden;
        } 
 }

这将解决您的问题