Html CSS横向打印

Html CSS横向打印,html,css,printing,Html,Css,Printing,我以这种方式添加了一个CSS文件: <link rel="stylesheet" href="style.css" type="text/css" media="screen, print"> 我的html页面的body标记设置为class=landscape 然后是问题。在IE9中查看页面时,页面会旋转90度(横向),但打印时页面仍为纵向?页面的其他一切都可以,所以它加载CSS进行打印,但IE9似乎忽略了打印的背景。有人知道我为什么和如何在景观中打印它吗 我也尝试了以下的方法,似

我以这种方式添加了一个CSS文件:

<link rel="stylesheet" href="style.css" type="text/css" media="screen, print">
我的html页面的body标记设置为class=landscape

然后是问题。在IE9中查看页面时,页面会旋转90度(横向),但打印时页面仍为纵向?页面的其他一切都可以,所以它加载CSS进行打印,但IE9似乎忽略了打印的背景。有人知道我为什么和如何在景观中打印它吗

我也尝试了以下的方法,似乎它只适用于Chrome

@media print { 
  @page{
      size: A4 portrait;
      margin-left:0.0cm;
      margin-right:0.0cm;
  }
}
我在谷歌上找到了几个“答案”,但大多数都归结为我提出的两个备选方案,这对我来说真的不起作用

编辑:如下所示:

-ms-transform: rotate(90deg);

。。也不行。我有一个很大的表,我只想在景观打印,因为大nr列。这有多难

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

除了你的回答,Kim,我想说的是,应该避免干扰或“干扰”标准浏览器功能。 人们了解他们的浏览器,并依赖它以标准方式工作。尤其是有缺陷的人可能无法理解善意地给予他们的“便利功能”。再举一个例子,人们用一个“方便的”缩放按钮来缩放页面。结果是,用户使用该按钮缩放,然后使用本机函数,反之亦然,导致奇怪的行为

试试看:

@media print{@page {size: landscape}}

在IE中,我可以取消打印对话框,然后选择打印预览对话框,然后选择“横向”和“查看全宽”,然后打印。我认为这可能是ie9中的旋转问题,就像我不认为在横向中使用CSS打印是合理的,尤其是在跨浏览器中。在打印机设置中更改纸张方向可能更容易。请检查IE9的浏览器模式,以确保它没有进入兼容模式。
过滤器
样式不应该在IE9中工作,因为他们已经用标准CSS3样式替换了它,但它仍然可以在IE8或IE7兼容模式下工作。但是在这些模式下,其他的东西可能不起作用,所以如果你在标准IE9模式下,你更有可能成功
@media print{@page {size: landscape}}