css chrome版本~103发布后,打印网页时出现数百张空白页和/或比例失调(已解决)

c90pui9n  于 2022-12-24  发布在  其他
关注(0)|答案(1)|浏览(269)

正在打印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"
}

希望这个能帮上忙祝你好运。

xe55xuns

xe55xuns1#

同样的问题在这里,也使用ChartJS。感谢张贴您的解决方案,它是为我们工作。注意有一个开放的Chromium issue关于这一点。

相关问题