【问题标题】:My page shows up blank when printed in Safari在 Safari 中打印时我的页面显示为空白
【发布时间】:2021-02-20 23:24:14
【问题描述】:

My page 使用@print 媒体查询,在 Chrome、iOS 上的 Safari 和 Edge 中打印时,它可以正常工作,并在打印时显示带有正确应用样式表的页面。但是,在 macOS Safari 中,打印页面时打印预览是空白的。

在 Web Inspector 中手动触发打印样式表时,页面可以正常显示,但在打印预览中却没有。

(我应该补充一点,我在 Catalina 和 Big Sur Developer Beta 上使用 Safari 进行了测试,两者都使用 Safari 14.0)

【问题讨论】:

  • 请添加一些与您的问题相关的代码的 sn-ps。您不必将整个代码放在这里。只需添加相关的 CSS sn-ps 和可能仍可按需要工作的 html 模板的简短版本。

标签: javascript css macos printing safari


【解决方案1】:

根据Can I use print?,不支持Safari 14。

您可能会发现这很有用:

尝试将页面的 size 属性设置为 A4 ( @page { size: A4; } ) 并将 body 设置为 A4 大小的宽度。 (body { width: 210mm; })。 Safari 会关注这些值。

这里的同一个人也有相同的答案:Safari Print Media Queries not matching other browsers / cutting off

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-18
    • 2020-08-27
    相关资源
    最近更新 更多