<分区>
标签 javascript jquery css
<分区>
我有这个 html:<div id="zoom">...</div> .加载页面时，我将其设置为“display:none”。当某个事件被触发时，“zoom”id 被设置为“display:block”。但是，我想要的是，如果用户打印页面，即使在触发该特定事件之后，它也永远不会打印“zoom”id 中的内容。该事件将其设置为通过 jQuery 阻止:
$("#zoom").css({"display":"block"});
有没有办法在 jQuery 中定义它应该只应用于屏幕媒体？上面的代码在所有媒体类型上设置它。
最佳答案
除非我误解了这个问题，否则您应该能够只使用媒体查询进行打印。唯一奇怪的是，您可能必须使用 !important 规则，因为使用 javascript(大概是内联样式)使元素可见。
@media print {
#zoom {
display: none !important;
}
}
关于javascript - 为屏幕而不是打印媒体切换 CSS 显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30787519/