打印网站丢失它's css

Printing website loses it's css

本文关键字：css 网站 打印      更新时间：2023-09-26

我想打印此网站：http://www.florin-pop.com/work/Le%20Marais/这是一个包含2列的简单布局，这两列都包含表。问题是，当我想打印它们时（例如，在控制台中使用js函数window.print()），它不尊重CSS样式。为什么？

因为您在CSS链接属性中指定了media="screen"：

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8"/>

将media="screen"更改为media="print"或media="all"

media属性允许您使用样式表针对特定的设备/情况。所以，您可能有一个用于普通网站的media="screen"样式表，以及一个专门用于打印的media="print"样式表。一个常见的用例是切换到打印样式的黑白配色方案，或者确保所有内容都适合一列。

以下是一些关于媒体查询的阅读，让您开始了解：https://developer.mozilla.org/en-US/docs/Web/CSS/@介质

相关文章：