我有一个网页,其图表的大小应固定为宽度：1660px;高度：480px;使用CSS.页面(我可以链接到它吗？)在浏览器中正确显示,但是当在谷歌浏览器中打印时(我还没有测试过其他浏览器),它在水平方向上太大而无法放入单个页面中.如何缩放HTML以适合一个打印页面？

这是输出的样子(Firefox 60)：

我试过搞乱这样的媒体查询：

@media print
{
    @page
    {
        size: 297mm 210mm; /* landscape */
        /* you can also specify margins here: */
        margin: 250mm;
        margin-right: 450mm; /* for compatibility with both A4 and Letter */
    }
}

但我不会注意到打印预览中的任何影响.

[编辑]

Internet Explorer 11似乎能够在打印对话框中自动缩放页面.我不知道为什么Google Chrome也无法做到这一点.

[编辑]

我也尝试过转换页面.但是,Chrome与IE11的打印结果非常不同.

@media print
{
    html
    {
        transform: scale(0.5);transform-origin: 0 0;
    }
}

接下来,我尝试缩放页面.这很好用,但我不知道它是否只影响Chrome或它是否也会影响IE和Firefox.

@media print
{
    html
    {
        zoom: 50%;
    }
}

在任何一种情况下,除非您也创建新的JavaScript控件,否则用户无法在使用CSS时禁用该效果.