如何在屏幕上顯示打印媒體的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？

回答

相關問題