为什么媒体打印中横向页面的内容隐藏

Question

我正在尝试以纵向和横向打印页面。

我已经设法使用以下 css sn-p 获得横向页面方向

 @page landscape {
   size: 9in 6in;
 }

但是横向页面中的内容似乎是纵向呈现的。

可以在fiddle中看到

我也将body css标记为

   overflow:visible

有人可以指导我如何在横向页面的横向模式下获取页面内容呈现，而不会剪切内容。

P.S 在 chrome 中检查这个

Answer 1

我认为修复打印页面渲染的缺失属性是 ISO 纸张大小。请尝试以下sn-p：

/* ISO Paper Size */
@page {
 size: A4 landscape;
}

/* Size in inches */    
@page {
 size: 9in 6in landscape;
}