我如何按原样打印页面

Question

我在页面上添加了一个按钮，其中包括onsubmit="return window.print()"但是当我单击它时，在打印视图中出现一个打印窗口对话框，我的页面颜色变为黑色，所有样式消失了。 如何打印具有相同颜色的样式的页面

Answer 1

如果您的CSS没有针对打印介质进行优化，则会发生这种情况。 您可以在以下样式中包含CSS。

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

并请记住，背景图像未打印出来。

参考文章： http : //www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

Answer 2

使用@media print来设置页面样式以进行打印。

CSS文件中的示例：

@media print {//styles
}

另外，这里还有一个入门指南的链接： http : //www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

希望能有所帮助。

Answer 3

在您的底部链接一个样式表（这样它就是主要样式表）。

在该样式表中，输入以下媒体查询

@media print
{
    put styles here
}

您在查询中输入的任何内容都将用于打印。