Css 响应站点空白打印预览
我已经尽了我所知的一切努力让我们的响应网站打印出来。我已经尝试将@media查询添加到我们的样式表中,如下所示:Css 响应站点空白打印预览,css,printing,responsive-design,media,preview,Css,Printing,Responsive Design,Media,Preview,我已经尽了我所知的一切努力让我们的响应网站打印出来。我已经尝试将@media查询添加到我们的样式表中,如下所示: @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } } <link rel="stylesheet" ty
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
}
<link rel="stylesheet" type="text/css" href="/css/print.css" media="print">
我尝试在标题中添加单独的print.css样式表,如下所示:
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
}
<link rel="stylesheet" type="text/css" href="/css/print.css" media="print">
我还在所有样式表中添加了
media=“print,screen”
,但没有效果。我不明白为什么我不能在打印预览中显示任何内容。想法?这似乎与几乎所有页面都在中这一事实有关。导航栏默认设置为div。在#main body
id之前添加结束div标记可以打印大部分页面。我的代表级别不足以支持您的解决方案,但在一定程度上确实有效,谢谢!比如说,你知道为什么内部模板内容仍然不能在这里打印吗?