Javascript 在Safari中打印时,我的页面显示为空白

Javascript 在Safari中打印时,我的页面显示为空白,javascript,css,macos,printing,safari,Javascript,Css,Macos,Printing,Safari,使用@print media查询,在Chrome、iOS上的Safari和Edge中打印时,它工作正常,并显示打印时正确应用样式表的页面。但是,在macOS Safari中,打印页面时,打印预览为空白 在Web检查器中手动触发打印样式表时,页面会正确显示,但在打印预览中不会这样做 (我应该补充一点,我在Catalina和Big Sur Developer Beta上使用Safari进行了测试,两者都使用Safari 14.0)根据,Safari 14不受支持 您可能会发现这很有用: 尝试将页面的

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

在Web检查器中手动触发打印样式表时,页面会正确显示,但在打印预览中不会这样做

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

根据,Safari 14不受支持

您可能会发现这很有用:

尝试将页面的size属性设置为A4
@page{size:A4;}
)并将body设置为A4大小的宽度。(
正文{宽度:210mm;}
)。Safari非常重视这种价值观

  • 摘自

这里的同一个人也给出了同样的答案:

请添加一些与您的问题相关的代码片段。你不必把整个代码都放在这里。只需添加相关的CSS片段,或许还可以添加一个html模板的简短版本,该模板仍然可以按需要工作。