我该如何打印页面

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
}

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