qfdk
26.34D
0.15D
V2EX  ›  问与答

网页打印 CSS 兼容问题

  •  
  •   qfdk ·
    PRO
    · Dec 8, 2021 · 993 views
    This topic created in 1639 days ago, the information mentioned may be changed or developed.

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

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

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

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

    先谢过大家了。

    4 replies    2021-12-09 14:59:43 +08:00
    maichael
        1
    maichael  
       Dec 8, 2021   ❤️ 1
    Print.js 试试
    qfdk
        2
    qfdk  
    OP
    PRO
       Dec 8, 2021
    @maichael 我看到这个了 https://printjs.crabbly.com 但是只有 Chrome 可以用 Safari 不行 我是 Safari 15
    Features
        3
    Features  
       Dec 9, 2021
    啊?网页打印不都用 LODOP 吗?
    一般都要转化为那种老代码才能正常兼容吧
    qfdk
        4
    qfdk  
    OP
    PRO
       Dec 9, 2021 via iPhone
    解决方案 重新写 css ! Safari 不支持 @Page 这样的 写法……
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   949 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 21:37 · PVG 05:37 · LAX 14:37 · JFK 17:37
    ♥ Do have faith in what you're doing.