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

Question

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

我已经设法使用以下 css 片段获得横向的页面方向

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

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

从这个小提琴中可以看出

我也将body css标记为

   overflow:visible

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

PS在chrome中检查这个

标签： htmlcssprint-css

Answer 1

我认为修复打印页面渲染的缺失属性是 ISO 纸张尺寸。请尝试以下代码段：

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

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