[英]How to show print media css on screen?
我有一个不同的CSS，当有人打印时应用它（下面是我如何做的一个例子）。 但我想知道，我想制作一个自定义的“预览打印”（而不是浏览器中的常规打印），但我想知道是否有可能以某种方式获得它以便应用打印媒体css，因为我想在屏幕上显示他们将在纸上打印的内容。 有任何想法吗？
<html>
<body>
<style type="text/css">
body
{
font-size: 62.5%;
background-color:black;
}
h1
{
color: red;
}
@media print
{
body{
background-color:yellow;
}
h1 {
color: black;
}
}
</style>
<h1>This is just a test</h1>
</body>
</html>
最简单的方法是创建通常包含在指定print介质中的print.css样式表。
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
然后在打印预览屏幕上，您可以使用与screen媒体集相同的print.css：
<link rel="stylesheet" type="text/css" media="screen" href="print.css" />
我经常打开一个新窗口，用我自己的通用html / body包装器编写，使用打印样式表作为主样式表，使用JavaScript将主体从开启器复制到窗口。
当div在@media屏幕中滚动时，如何在@media打印中显示div的内容
[英]How to show contents of div in @media print when div scrolls in @media screen
CSS 媒体打印显示附加数据，如何避免它们不打印
[英]Css media print show additional data, how to avoid them not come in print
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.