小编Ala*_*use的帖子

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

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

   @media print{
      @page {size: landscape;}
    }
Run Code Online (Sandbox Code Playgroud)

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

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

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

@page rotated {
  size: landscape;
}
@media print{
  .rotate {
    page: rotated;
  }
}
Run Code Online (Sandbox Code Playgroud)

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

css3

9
推荐指数
1
解决办法
3852
查看次数

标签 统计

css3 ×1