试图打印页面显示奇怪的布局

Question

我希望能够打印我的网页，但是当我从右键单击或从菜单中选择打印时，布局几乎变得难以理解和丑陋。在尝试打印时，在布局中似乎还有一个红色方块（它不再存在但是在这里留下这个句子以防万一有人以前处理过它）。这是由于我的颜色还是别的？ 这是一个例子： 这是一个通常页面的示例：

Answer 1

您可以在CSS中使用media queries添加仅在打印网页时使用的样式。在你的情况下，我会使用这样的样式：

1. 将灰色背景更改为白色
2. 在文本框中添加黑色轮廓和白色背景
3. 将文字颜色更改为纯黑色
4. 调整字体以补偿打印的页面

媒体查询通常用于更改较小屏幕的网站，但它们也完全适用于更改它以进行打印。您可以阅读有关使用专门用于打印here的媒体查询的更多信息。