如何仅调整 svg 图像的大小以进行打印预览？

Question

现在我在页面上有一些 d3 图表，它们可以监听屏幕调整大小事件，并且可以放大很多。但是，当用户去打印它们时，它们对于打印的页面来说太大了。如果我限制 svg 的大小，那么如果屏幕的大小调整得非常宽，那么它们将不会缩放。

换句话说，我需要我的 svg 在打印预览中具有一定的大小，但仍可在浏览器视口中缩放。怎么可能做到这一点？

Answer 1

您应该能够使用媒体查询来缩放图表。 https://developer.mozilla.org/en-US/docs/Web/CSS/@media

例如：

@media print { 
    svg {
        width: 3in;
    }
}