使用CSS进行横向打印

Kim*_*afr 7 html css printing

我这样添加了一个CSS文件:

<link rel="stylesheet" href="style.css" type="text/css" media="screen, print">
Run Code Online (Sandbox Code Playgroud)

css包含以下内容:

.landscape {
width: 100%;
height: 100%;
margin: 0% 0% 0% 0%;
filter: progid : DXImageTransform.Microsoft.BasicImage ( Rotation = 3 );
}
Run Code Online (Sandbox Code Playgroud)

我的html页面的body标签设置为class = landscape.

然后问题.在IE9中查看页面时,它旋转90度(横向),但是当我打印页面仍然是纵向?页面上的所有其他内容都没问题,因此它会加载CSS以进行打印,但似乎IE9忽略了打印的风景.任何人都知道为什么以及如何在风景中打印它?

我也试过以下看起来只适用于Chrome

@media print { 
  @page{
      size: A4 portrait;
      margin-left:0.0cm;
      margin-right:0.0cm;
  }
}
Run Code Online (Sandbox Code Playgroud)

我在google上找到了几个"答案",但是大部分内容总结为我提出的两种选择,这对我来说并不适用.

编辑:如下所示:

-ms-transform: rotate(90deg);
Run Code Online (Sandbox Code Playgroud)

..也不起作用.我有一张大桌子,我只想在横向打印,因为有大量的列.它能有多难?

Kim*_*afr 5

似乎获得完美横向打印的唯一方法是通过打印对话框并从中选择横向。在每个浏览器中都很难成功地自动执行此操作。