V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
qfdk
V2EX  ›  问与答

网页打印 CSS 兼容问题

  •  
  •   qfdk · 2021-12-08 15:48:42 +08:00 · 690 次点击
    这是一个创建于 1107 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    先谢过大家了。

    4 条回复    2021-12-09 14:59:43 +08:00
    maichael
        1
    maichael  
       2021-12-08 16:09:26 +08:00   ❤️ 1
    Print.js 试试
    qfdk
        2
    qfdk  
    OP
       2021-12-08 16:33:41 +08:00
    @maichael 我看到这个了 https://printjs.crabbly.com 但是只有 Chrome 可以用 Safari 不行 我是 Safari 15
    Features
        3
    Features  
       2021-12-09 08:04:21 +08:00
    啊?网页打印不都用 LODOP 吗?
    一般都要转化为那种老代码才能正常兼容吧
    qfdk
        4
    qfdk  
    OP
       2021-12-09 14:59:43 +08:00 via iPhone
    解决方案 重新写 css ! Safari 不支持 @Page 这样的 写法……
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2683 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 00:27 · PVG 08:27 · LAX 16:27 · JFK 19:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.