2014-12-09 302 views
2

我正在一個網站的主要內容爲div,在div中有一個垂直滾動。但是,當我嘗試使用瀏覽器打印打印網站時。只會出現一個頁面,大部分數據都會丟失。瀏覽器只打印一頁內容較少的網頁?

PS:我試着用@media print { ... }和css樣式的所有可能的解決方案。在平面媒體查詢可見:

enter image description here

+0

代碼在哪裏?還是小提琴? – 2014-12-09 13:07:58

+0

請添加一些信息 – jsHero 2014-12-09 13:28:27

+0

@jsHero Der Vampyr 附圖描述了這個問題。 其中,可滾動區域包含大量數據,當我嘗試打印頁面時,僅打印顯示的區域,並且無法獲取不滾動爲頁面的可滾動區域的其他部分。 – mohammad 2014-12-09 13:43:08

回答

3

只需使用溢出-Y。

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