Question

也许这个问题太奇怪了，甚至是偏离主题的，对不起，但我有这个疑问：

当用户键入control + p（打印页面）时，是否存在为所有屏幕显示相同大小的HTML页面的方法？

例如我的笔记本电脑有这个屏幕分辨率：1600x900，当我输入control + p时，HTML页面看起来很完美（全部在1页）！

当我使用更大的页面（页面显示在2页或更多页面）或更小的屏幕（页面显示在1页但有大量空格）时出现问题。

目前我尝试使用@page页边距但完全不起作用，只是在某些情况下，不过这是代码：

 <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/

为所有屏幕打印相同尺寸的页面

1 个答案: