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

score 3 · Accepted Answer

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

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

1 回答 1