Question

客户希望保存并打印出我为他们制作的特定页面，但是当查看该文件时，它会丢失所有CSS格式。

为了使页面打印出来，它看起来非常接近屏幕上的内容，我需要考虑什么？

Answer 1

您应该为屏幕和打印提供相同的CSS，如下所示：

<link rel="stylesheet" type="text/css" href="path/to/your.css" media="screen,print" />

Answer 2

以PDF格式保存可能是您的最佳选择。从HTML页面打印时，许多页面都有一个单独的Print CSS文件，以便删除背景和图像。此外，根据您的浏览器，可以在打印前打开和关闭背景和标题。

Answer 3

你不能（见下文），你不应该，屏幕和打印是根本不同的格式和不同的要求 - 屏幕版本和印刷版应该看起来不同。

即使您将屏幕和打印样式表设置为相同的东西，大多数浏览器仍会以不同的方式打印它们显示的内容，因为背景不会打印而打印的页面大约有700像素宽。

我的建议是回到客户端，询问他们为什么要在屏幕上打印出页面。如果只是这样他们可以注释设计并请求更改，那么建议他们使用Screengrab之类的扩展名，然后打印图片或使用Notable之类的服务。