@media print 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;
        } 
 }

这可以解决您的问题