打印页面的所有屏幕

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/