2013-03-11 163 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; 
     } 
} 

這將解決您的問題