正在打印507页,尽管只有9页内容(498页空白页)
亲爱的朋友们,在chrome的最新版本之后,大约在103-105版本之后,打印网页时出现了一个不幸的错误。它要么打印数百张空白页,要么打印扭曲比例的输出。此更改适用于所有基于chrome的浏览器(Google Chrome、MS Edge...),尤其是在带有图表或图形的页面中。
如果其他人遇到此问题-原因在于CSS属性的“位置:absolute”。如果代码具有“位置:绝对”你可能想改变它为“固定”或“相对”,这取决于你的需要。我的代码需要在两个地方改变。一个需要大量的重构,因为改变位置属性迫使我重新计算许多其他元素。另一个只花了3行代码,但要长得多的时间来找到。我不得不覆盖“Charts.js”内部CSS样式,所以我实现了“!important”标志,如下所示(我的应用程序使用版本2.9.4):
.chartjs-size-monitor-expand > div {
position: fixed !important; // cannot stay "absolute"
}
“位置:绝对”属性出现在其他3个类中,因此如果上述建议不足以满足要求,您可能需要尝试以下方法(或查找包含绝对位置的其他位置):
.chartjs-size-monitor,
.chartjs-size-monitor-shrink,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-expand > div {
position: fixed !important; // cannot stay "absolute"
}
希望这个能帮上忙祝你好运。
1条答案
按热度按时间xe55xuns1#
同样的问题在这里,也使用ChartJS。感谢张贴您的解决方案,它是为我们工作。注意有一个开放的Chromium issue关于这一点。