网页打印 CSS 兼容问题

[qfdk]

最近搞 react 一个项目，要求打印的时候可以打印在 A4 值上，用 Chrome 作为测试的标准 兼用 @print 标签来处理，Chrome 打印美滋滋，页面正常分割成需要的样子。

但是换了 Safari 还有 Firefox 两个浏览器 有各自的打印风格，显示的千奇百怪。

Safari 似乎是 搞了 页面截图然后打印，Firefox 暂时还没搞明白。Chrome 配合了 CSS 样式。

不知道各位小伙伴有没有什么库来解决打印 CSS 无法正常显示的问题。

先谢过大家了。

[maichael]

Print.js 试试

[qfdk]

@maichael 我看到这个了 https://printjs.crabbly.com 但是只有 Chrome 可以用 Safari 不行 我是 Safari 15

[Features]

啊？网页打印不都用 LODOP 吗？
一般都要转化为那种老代码才能正常兼容吧

[qfdk]

解决方案 重新写 css ！ Safari 不支持 @Page 这样的 写法……