使用 javascript 为正文分配打印媒体查询答案

【问题标题】：Assigning print media query for the body using javascript使用 javascript 为正文分配打印媒体查询
【发布时间】：2017-04-14 03:38:05
【问题描述】：

我有一个网页，点击一个按钮就有一个引导模式。我已经编写了打印媒体查询来打印模态的内容。但是，如果我将媒体查询放在 css 中，模态数据打印得很好，但是当模态未打开时，它会阻止父页面使用 (cntrl+P) 打印。有没有一种方法可以让我同时拥有打印父页面和模式的功能。有没有办法动态附加打印媒体查询以仅打印不影响父页面打印的模态内容。任何帮助，将不胜感激。

【问题讨论】：

标签： javascript jquery css media-queries

【解决方案1】：

您应该将媒体查询中的所有选择器更改为仅在 <body> 具有特定类 (body.HasModal .SomeClass) 时应用。

然后，只要模型打开，您就可以简单地应用该类。

【讨论】：

我正在使用引导模式，它会在点击链接时打开。我不确定你会如何将它应用到正文