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

Question

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

换句话说，我需要在打印预览中将svg设置为一定大小，但仍要在浏览器查看端口中缩放。 一个人怎么能做到这一点？

Answer 1

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

例如：

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