2013-03-11 161 views
3

我自己添加的媒体这样@media打印的CSS问题

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

问题打印CSS是它在Firefox工作正常,但无法在Chrome同时打印。它不需要铬合金的高度。当我尝试给min-height:100%div时,它正在工作,但只在滚动后才打印可见区域。

+0

当使用'高度: 100%',你应该设置父元素的高度。你做到了吗? – Ovilia 2013-03-11 07:35:53

+0

如果你需要在不滚动的情况下打印整个文本,你可以尝试'overflow:auto' – 2013-03-11 07:37:44

+0

@Ovilia:是的,我做到了,但它不工作。身高:100%在FF中工作,但不在铬中。 – Neel 2013-03-11 09:56:26

回答

0

已指定您是否想在DIV的滚动条,以及通常在浏览器中的一个,这是可以做到:

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

这将解决您的问题