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

Question

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

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

Answer 1

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

例如：

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