打印頁面的所有屏幕

Question

也許這個問題太奇怪，甚至是偏離主題，對此感到抱歉，但我有這樣的疑問：

存在的方式展現在同尺寸的HTML頁面當用戶鍵入control + p（打印頁面）時的所有屏幕？

例如我的筆記本電腦有這樣的屏幕分辨率：1600x900，當我輸入control + p時，HTML頁面看起來很完美（全部在1頁）！

當我使用更大的頁面（頁面出現在2頁或更多頁面）或更小的屏幕（頁面出現在1頁，但有很多空白）時，會出現問題。

在我試圖用@頁邊距但不是在所有的工作，只是在某些情況下的那一刻，但這裏是代碼：

<style> 
    @page :left { 
    } 
    @page :right { 
     margin-top: 0.2cm; 
     margin-bottom: 0.2cm; 
    } 

    body { 
     font-size: 9.5px; 
    } 
</style> 

PD。我使用的是JavaScript，jQuery，HTML5，CSS3，Bootstrap。

Answer 1

Control + P表示打印，對嗎？

然後是的，你應該使用媒體查詢

@media print{ 
} 

這是一個很好的解釋：https://www.smashingmagazine.com/2011/11/how-to-set-up-a-print-style-sheet/