使用CSS的页面方向

Question

我有一个任务，使用HTML & CSS创建一个打印视图。该视图然后在服务器上解析并呈现为PDF。该文件然后呈现给用户并被后台处理到A5打印机。

的质量要求之一是必须在第一页定向景观和所有其他网页定向肖像

我已创建的视图，并解析HTML & CSS创建该servlet PDF使用Flying Saucer。不过，我在页面定位方面遇到了一些问题。我使用下面的CSS来控制页面布局

@page :first {size: A5 landscape} 
@page{ size: A5 } 

我确实得到了第一页的正确布局。然而，所有其他页面都显示为A4纸（页面的实际方向）上印刷的A3风景（印刷文字的边界）。

任何想法，我做错了这里

Answer 1

的方向是正确的，但A5尺寸宽度没有考虑利润考虑在内，所以我的文字去了预期的页面宽度。周围的工作是创建一个新的CSS类，我命名为类画像是设置页面的宽度和高度如下：

.portrait{ 
    padding:5px; 
    margin:15px 0px; 
    width:5.5in ; 
    font: 11px verdana, sans-serif; 
} 

希望这有助于人谁碰到类似的问题来了。我也会感兴趣，如果有人有一些分析为什么尺寸：A5不能按预期工作