2017-09-20 9 views
0

Firefoxで印刷するときにウェブサイトのレイアウトに問題があります。 私はいくつかの再探索をしたと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-文書のURLプレフィックスは、()だけではうまく動作します。

私は何か間違っているのですか、それとも最初は愚かなアプローチですか?別の方法がありますか? 私は今のところheadタグにすべてのスタイルを持っています。

答えて

0

これはあなたを助ける可能性があります。あなたがfirefoxを使っているなら、それは印刷スタイルを追加するだけです。

注:これにはjQueryが必要です。

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