Question

这个问题已在多个论坛和SO中得到解答。

我通过添加col-sx-class修复了网格布局问题，并且工作正常。我现在面临的问题是背景颜色。

正如许多答案和论坛所建议的那样，我在bootstrap.css文件中评论了整个打印媒体查询。

@media print { }

但是打印时仍然没有显示颜色。 HTML代码如下所示。

问题1：

<div class="alert alert-success" role="alert">Automation Tester</div>

上面的代码在浏览器中为div类添加了一种颜色。但在印刷品中，它只显示边框。

问题2：

<div class="progress">
     <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
      </div>
      <span class="progress-type">CSS3</span>
      <span class="progress-completed">50%</span>
</div>

对于上面的代码，不显示背景颜色。

实时HTML文档：http://purus.github.io/resume/

请尝试打印预览上面的页面，您可以看到＆＃34;摘要＆＃34;和＃34;技术技能＆＃34;部分。

Answer 1

如果您已经删除了媒体查询，请尝试在Chrome打印预览的其他打印选项中选中复选框Background。它被默认关闭。

其他浏览器具有相同的功能。

打印引导页面时的颜色问题

1 个答案: