5

我已阅读HTML 中的横向打印,但我的问题更具体。在我承认失败并考虑另一种职业之前,我想我会在这里发帖。

这是我的情况:

我正在用 HTML 编写时间表显示和打印程序。用户单击各种选项,例如房间、日期等。然后进行 AJAX 调用,以获取数据,并且时间表块使用 Javascript 进行绝对定位。时间表的宽度大于时间表的高度。所以,我需要横向打印,以最大化页面大小。

首先,@media print{@page {size: landscape}}只是简单在任何情况下都不起作用,我试过了。

这确实有点工作: filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);.

我尝试将 CSS ImageTransform 应用于 HTML 或 BODY 元素,但结果不同。

应用于 HTML 元素时,页面似乎呈现为纵向(这是我组织中用户的默认设置),然后旋转 90 度。显然这对我没有帮助。

当应用于 BODY 元素时,一切正常,除了相对或绝对定位的元素(仍然显示为纵向)。我不能放弃绝对定位,不从头开始重写,这是我没有的奢侈。

我应该怎么办?

4

1 回答 1

0

由于 IE8 中的怪癖,您需要将过滤器(过滤器:progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);)重新应用到绝对定位的任何元素。

于 2014-10-16T18:12:53.343 回答