调整页面内容大小以适合一页打印

在我看来，这个问题与CSS更相关，但我对任何解决方案持开放态度。我正在尝试打印一个高度以 px 为单位定义的网页（我也尝试过 %）。现在，Safari 和 IE 8 及更高版本中发生的情况是，页面内容不会打印在一页上。

当前设置

div.parent-container{  
    height: 900px;  
}  

div.parent-container div.child-containers{  
    height:100%;  
} 

发生了什么

它会在 FF 中将所有内容打印在一页上，但在 IE 和 Safari 中，内容将分成两页，这对我的用户来说是一个很大的问题。我必须告诉他们设置 page-margins: 0.3 这绝对不是一个有效的方法。

我做了什么

我尝试了不同的 @page 和浏览器特定的 hack 来使其工作，但事实证明它没有成效，或者对我来说似乎效率不高（从来都不是定制浏览器 hack 的粉丝）。

我想要的是

将页面内容打印在一页上的 CSS/JS 解决方案可能类似于“Shrink to Fit”。

谢谢， 拉希

打印设备通常以物理尺寸（英寸、厘米、英尺等）来测量其内容。像素宽度取决于显示器分辨率，因此不能依赖于每个输出设备。

如果您的页面按照您想要的方式打印至关重要，那么您很可能需要一个专为打印而设计的 CSS 文件 - 使用英寸、厘米或您想要的任何单位的文件。

看看这个上一篇文章 https://stackoverflow.com/questions/2452713/suggestions-for-debugging-print-stylesheets/5087220#5087220——我认为这会有所帮助。