【问题标题】:Chrome: Print preview differs from simulate CSS media printChrome:打印预览不同于模拟 CSS 媒体打印
【发布时间】:2013-05-07 22:29:51
【问题描述】:

我在 Chrome 26 中打印我的页面时遇到问题,其中表格显示为灰色背景色。

当我使用模拟 CSS 媒体打印在 chrome 中查看页面时,它看起来不错

在 Safari 中打印时一切正常。 有谁知道如何解决这个问题?

【问题讨论】:

  • 您是在定义印刷媒体声明中不应有灰色背景,对吧?
  • 我们可以看看一些 CSS 代码吗?
  • 感谢您的快速回复。我按原样使用引导 css,没有任何模块。我没有明确声明没有灰色背景。我必须这样做吗?我试过背景颜色:蓝色;但表格在打印预览中仍然显示为灰色
  • 我对页边距也有同样的问题。 FF 和 IE 打印正确。铬仿真也。但 chrome 打印输出不同。

标签: html css google-chrome printing print-css


【解决方案1】:

解决方法如下: 将此添加到您的打印 css

* {transition: none !important}

见:https://nicolasbouliane.com/blog/print-preview-significantly-different-inspector-chrome

【讨论】:

    【解决方案2】:

    您可以尝试-webkit-print-color-adjust:exact;,它会覆盖 Chrome 移除背景颜色的设置。这可以解决您的问题。

    【讨论】:

    • 不幸的是似乎没有解决问题。我仍然很困惑为什么打印预览与“模拟 CSS 媒体打印”设置不同。这些不应该是一样的吗?
    猜你喜欢
    • 2014-11-25
    • 2015-01-01
    • 1970-01-01
    • 2016-03-09
    • 1970-01-01
    • 2014-11-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多