Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在html/javascript中设置打印预览的比例?_Javascript_Html_Css - Fatal编程技术网

如何在html/javascript中设置打印预览的比例?

如何在html/javascript中设置打印预览的比例?,javascript,html,css,Javascript,Html,Css,打印网页时,如果比例设置为100,则无法在预览中显示整个网页。如果我将比例改为70,我可以看到整个页面。我想知道是否可以在HTML/Javascript中设置scale参数 我尝试了转换:scale(0.7),但是它不会改变大小 Chrome PDF Viewer或打印预览没有API。你几乎被你得到的东西困住了 有时可以通过直接修改PDF代码本身来实现一些技巧。我现在正在做一个项目,我自己用它来构建pdf。我能够设置Chrome所支持的一些标志,因此我可以自动打印(在打开文档时它会自动打开打印预

打印网页时,如果比例设置为100,则无法在预览中显示整个网页。如果我将比例改为70,我可以看到整个页面。我想知道是否可以在HTML/Javascript中设置scale参数

我尝试了
转换:scale(0.7)
,但是它不会改变
大小


Chrome PDF Viewer或打印预览没有API。你几乎被你得到的东西困住了

有时可以通过直接修改PDF代码本身来实现一些技巧。我现在正在做一个项目,我自己用它来构建pdf。我能够设置Chrome所支持的一些标志,因此我可以自动打印(在打开文档时它会自动打开打印预览)并禁用自动调整(因此它不会尝试调整大小以适应不同的纸张大小)。但是这些文件必须嵌入到pdf中,而不是在之后进行样式设置

如果你决定这样做,我会在问题论坛上发布我是如何让pdfkit设置这些标志的

编辑:
对不起,我刚刚重读了你的问题,意识到你没有提到PDF。我自己也这么做了,因为带标志的PDF基本上是您访问打印预览控件的唯一方式,我相信这是PDF Viewer的扩展。因此,如果可以更改比例,可以通过将页面转换为PDF并设置某种排序标志(我会搜索“默认视图比例”)来实现。希望Chrome不会在预览中忽略该标志。

您可以使用CSS添加打印媒体规则并指定比例因子,如下所示:

    @media print {
    body {
        margin-top: 5px;
        margin-left: 10px;
        transform: scale(0.43);
        transform-origin: 0 0;
    }
}
如果您想使比例因子成为动态的,那么您可能需要使用一个动态变量,如下所示,并从js或html链接传递它,其中“比例因子是变量”:


可能您需要css的打印规范。Herw是一篇文章。谢谢你!PDF可能是实现这一目标的好方法。
@media print {
    body {
        margin-top: 5px;
        margin-left: 10px;
        transform: scale(var(--scale-factor));
        transform-origin: 0 0;
    }
  }