如何使用固定元素使svg响应?

我不想问你的问题,听一个调整大小的事件确实不会为打印做裁剪。因此,您需要做的是监听打印请求,并从中运行调整大小的代码:

window.addEventListener("beforeprint", beforePrint);
window.addEventListener("afterprint", afterPrint);
if (window.matchMedia) {
    var mediaQueryList = window.matchMedia('print');
    mediaQueryList.addListener(function(mql) {
        if (mql.matches) {
            beforePrint();
        } else {
            afterPrint();
        }
    });
}

function beforePrint() {
    //Resize for printing
}

function afterPrint() {
    //Resize again for after printing
}

这是从 this article .请仔细阅读它以获得更详细的描述、限制和其他可能的解决方案。

对于需要调整大小但窗口调整大小事件不够的任何其他情况,通常至少有一个半简单的解决方法。javascript是您唯一的选择,它可以处理像在图中排序和调整项目大小这样复杂的事情。