Question

使用firefox打印时，网站布局有些问题。我做了一些研究，发现这是为了解决firefox：

@-moz-document url-prefix()

所以我尝试将它与这样的媒体查询结合起来，但它没有用。

@-moz-document url-prefix() {
    @media print {  
        .someclass {
             color: red;
         }
    }
}

这也不起作用

@media print {
    @-moz-document url-prefix() {   
        .someclass {
             color: red;
         }
    }
}

@ -moz-document url-prefix（）单独工作正常。

我在那里做错了什么，或者只是一个愚蠢的方法开始？还有另外一种方法吗？我现在所有的样式都在head标签中。

Answer 1

这可以帮到你。如果您使用的是Firefox，它只会添加打印样式。

注意：您需要jQuery。

<script type="text/javascript"> 
    if ( $.browser.mozilla == true ) { 
        $('head').append(' <link rel="stylesheet" type="text/css" href="print.css" media="print">');
    }
</script>

我可以为firefox编写打印样式吗？

1 个答案: