Firefox無法識別媒體查詢

我有一個用FreeMarker模板語言編寫的小模板。我有以下一塊css：Firefox無法識別媒體查詢

<style type="text/css"> 
@media print { 
    @page { 
     size: landscape; 
    } 
} 
@media screen { 
    .run { 
     min-height: 100%; 
    } 
} 
/* More css properties goes here */ 
</style>

問題是這兩個規則只適用於我在Google Chrome中打開網頁時。當我在Firefox中打開它時，min-height屬性不適用於.run div，Firefox會以縱向模式打印我的頁面，而不是在指定的橫向上打印。我究竟做錯了什麼？
P.S：文檔類型的字符串，在情況下，如果它的事項，看起來是這樣的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

來源

2013-04-12 aga

我從我在打印樣式的工作，有是由某些瀏覽器，而不是被別人利用一些規則知道。我非常確定大小：橫幅是其中之一，還有一些像Firefox使用而不是別人使用的分頁功能，所以它真的很受歡迎，我希望你在努力工作，在HTML電子郵件和打印CSS是我厭惡關於網絡工作的兩件事情。

來源

2013-04-12 16:36:56 Fernker

Firefox無法識別媒體查詢

回答

相關問題