响应式网站空白打印预览

Question

我已经尝试了所有我知道的内容，以便让我们的自适应网站http://www.usalight.com进行打印。我已经尝试将@media查询添加到我们的样式表中，如下所示：

@media print {
  * { 
    text-shadow: none !important;
    color: #000 !important; 
    background: transparent !important;
    box-shadow: none !important;
  }
}

我尝试在我们的标题中添加一个单独的print.css样式表，如下所示：

<link rel="stylesheet" type="text/css" href="/css/print.css" media="print">

我还在所有样式表中添加media="print,screen"无济于事。我不明白为什么我无法在打印预览中显示任何内容。想法？

Answer 1

似乎与几乎所有页面都位于.navbar-default div内的事实有关。在#main-body ID之前添加结尾div标签可以打印大部分页面。