gpt4 book ai didi

html - 如何制作非 -"screen"媒体类型不显示的部分

转载 作者:行者123 更新时间:2023-11-28 08:19:18 25 4
gpt4 key购买 nike

我正在尝试定义一段 HTML,如果媒体类型是“打印”而不是“屏幕”。我试过了:{代码}

  <html>
<head>
<style type="text/css">
@media print
{ .not_print: { hidden: true; }
}
@media screen
{ .not_print: { hidden: false; }
}
</style>
</head>
<body>
<span class="not_print">
<p>This should not be displayed if printed / print previewed.</p>
</span>
</body>
</html>

但如果页面由 Firefox (36.0,Linux x86_64) 打印/打印预览,则该部分不会隐藏。

有什么想法吗?有人设法定义了不会打印的 HTML 部分吗?

提前感谢您的任何回复。

最佳答案

我认为您正在搜索如下内容:

仅在打印时显示:

@media print {
div {
display: block;
}
}
@media screen {
div {
display: none;
}
}

或者只显示在屏幕上:

@media print {
div {
display: none;
}
}
@media screen {
div {
display: block;
}
}

关于html - 如何制作非 -"screen"媒体类型不显示的部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28841208/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com