如何僅為打印預覽調整svg圖像的大小？

Question

現在，我在頁面上有一些d3圖表，它們監聽屏幕調整大小事件，並且可以放大得很大。 但是，當用戶去打印它們時，它們對於打印頁面來說太大了。 如果我限制svg的大小，則如果屏幕的尺寸真的很寬，那么它們將無法縮放。

換句話說，我需要在打印預覽中將svg設置為一定大小，但仍要在瀏覽器查看端口中縮放。 一個人怎么能做到這一點？

Answer 1

您應該能夠使用媒體查詢來縮放圖形。 https://developer.mozilla.org/en-US/docs/Web/CSS/@media

例如：

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