0

現在、単純化するために 2 つの css ファイルを作成しています。それらの主な違いは次のとおりです。

print.css

@page {
  size: landscape;
}

print_single.css

@page {
  size: portrait;
}

html ファイルの場合、最初に css の 1 つを引用します

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

次に、単一ページを印刷している場合は、jquery を使用して css ファイルのパスを変更します。それ以外の場合は、横向きに印刷されます。

    $(doc).ready(function(){
      $('#singlePrint').click(function(){
      $('#printCSS').attr('href','css/print_single.css');
    });    
});

問題は、Chrome でのみ動作するようです。Firefox で試してみました。つまり、css ファイルのパスが変更されましたが、css ファイルがリロードされません。問題を解決するにはどうすればよいですか? ありがとう。

4

1 に答える 1

3

@page{size: landscape;} は Firefox ではサポートされていません。別の方法は、これを css クラスで使用することです

-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
于 2013-05-29T06:35:25.880 に答える