2016-06-30 76 views
1

目前我有一個<div>overflow-y:scroll集合。問題是內容在打印期間不會顯示。如何在@media屏幕上顯示div的內容當div在@media屏幕上滾動時

理想情況下,我想在<div>擴大到顯示的全部內容,但只打印過程中(可能使用@media print

我想這需要JavaScript,但我還沒有嫺熟到弄明白我的擁有!

感謝您的幫助您<div>

+0

只需在'@media print'樣式中相應地調整樣式即可。 –

+0

難道你只是改變高度爲自動。這應該會增加div的大小以包含所有內容。 –

回答

0

設置高度爲@media printautooverflow-y: inherit

@media print { 
    // Reset to default height, overflow-y of div 
    .your-div { 
    height: auto; 
    overflow-y: inherit; 
    } 
} 
0

只是嘗試這種風格添加到您的@media打印

div { 
    overflow-y:show; 
    /* Another your style */ 
} 

這將讓您的內容可見,儘管它超出了div的高度限制。希望這個鏈接可以幫助你W3School: Overflow