javascript - 使用 jquery 更改打印样式(横向，纵向)

Question

目前我已经创建了 2 个 css 文件，为了简化:它们之间的主要区别是:

打印.css

@page {
  size: landscape;
}

print_single.css

@page {
  size: portrait;
}

对于html文件，它首先引用其中一个css

<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 文件没有重新加载，如何解决这个问题？谢谢。

Answer 1

@page{size: landscape;} 在 firefox 中不支持。另一种方法是在 css 类中使用它

-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);