如何在屏幕上显示打印媒体的CSS？

我有当有人打印（下面是我如何做一个例子）这是应用了不同的CSS。但我不知道，我想提出一个自定义的“打印预览”（而不是在浏览器中的常规之一），但我不知道是否有可能以某种方式得到它，这样打印介质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>

来源

2012-02-10 foreyez

我平时打开一个新窗口，在使用打印样式表为主要样式表，使用JavaScript的身体从首战复制到窗口我自己的通用的html /体包装写。

来源

2012-02-10 15:43:42

最简单的方法是创建一个选项通常包含指定print媒体print.css样式表。

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

然后打印预览屏幕上，你可以使用相同的print.css与screen媒体集：

<link rel="stylesheet" type="text/css" media="screen" href="print.css" />

来源

2012-02-10 15:44:04 Pat

我想唯一的问题是，我将无法使用内联打印媒体呢？我有点想要，而不是处理多个CSS文件：/ – foreyez 2012-02-10 15:49:09

如何在屏幕上显示打印媒体的CSS？

回答

相关问题