Responsive Site空白打印预览

2015-04-01 44 views 0 likes

我试过了解我所知道的所有信息，以便我们的响应网站http://www.usalight.com可以打印。我试着加入@media查询我们的样式象下面这样：Responsive Site空白打印预览

@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"无济于事。我不明白为什么我不能在打印预览中看到任何东西。想法？

来源

2015-04-01 Todd Williams

回答

这似乎与几乎所有的页面都在.navbar-default div内有关。在您的#main-body id之前添加结束div标记可以打印大部分页面。

来源

2015-04-01 17:06:50 rdoyle720

我的代表不够高，无法提升您的解决方案，但它在某种程度上有效，所以谢谢！任何想法为什么内部模板内容仍然不会打印在这里，例如？ http://www.usalight.com/USA-Brand-LED-10W-Smooth-A19-2700K-p/us-a19-10w-27k.htm – 2015-04-02 15:36:34

Responsive Site空白打印预览

回答

相关问题