Question

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

<link rel="stylesheet" href="style.css" type="text/css" media="screen, print">

css包含以下内容：

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

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

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

我也尝试了以下内容，似乎只适用于Chrome

@media print { 
  @page{
      size: A4 portrait;
      margin-left:0.0cm;
      margin-right:0.0cm;
  }
}

我在google上找到了几个“答案”，但是大部分内容总结为我提出的两个替代方案，这对我来说并不适用..

编辑：如下所示：

-ms-transform: rotate(90deg);

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

Answer 1

似乎获得完美风景照片的唯一方法是通过打印对话框并从那里选择风景。在每个浏览器中都很难自动完成这项工作。

Answer 2

除了你的答案，金，我会说干扰或者hy hy＆＆＆＆应避免使用标准浏览器功能。人们知道他们的浏览器并依赖它以标准方式工作。特别是有残疾的人可能无法理解＆＃34;方便的功能＆＃34;善意地赐给他们。举一个例子，人们习惯于用方便的方式来扩展页面。缩放按钮。结果是用户使用该按钮缩放然后使用本机功能，反之亦然导致奇怪的行为。

Answer 3

尝试：

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

使用CSS进行横向打印

3 个答案: