如何定义CSS类以横向模式设置打印页面？

Question

我创建了一个CSS样式表,它可以使用以下@media规则以横向模式打印HTML页面:

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

我不想打印所有在横向模式下加载此样式表的HTML页面.理想情况下,我希望能够指定一个可以做到这一点的景观类.

在生成HTML时,我总是可以创建一个单独的landscape.css文件,并根据需要将其附加到标题中,但我希望有一种更简洁的方法可以用类来完成.

作为后续行动,我也尝试了以下但没有运气:

@page rotated {
  size: landscape;
}
@media print{
  .rotate {
    page: rotated;
  }
}

我可能只是为了一个只能在基于webkit的浏览器中工作的解决方案而挨墙.@page大小:横向设置似乎不适用于Firefox或(惊喜,惊喜)ie10.

Answer 1

我认为实现这一目标的最佳方法是执行以下操作：

@media print{
    .class-name{
        @page{
            size:landscape;
        }
    }
}

我没有测试过，如果我错了，请纠正我。祝你好运！