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

Question

这个问题IMO与CSS更相关，但我对任何解决方案都持开放态度。我正在尝试打印一个在px中定义高度的网页（我也试过％）。现在在Safari和IE 8及以后版本中发生了什么，页面内容将无法在一页上打印。

当前设置

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

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

发生了什么

它将在FF中的一个页面上打印所有内容，但在IE中，Safari内容将分成两页，这对我的用户来说是一个问题。我必须告诉他们设置页边距：0.3这绝对不是一种有效的方式。

我做了什么

我尝试了不同的@page和浏览器特定的黑客工具，但它并没有成效，或者对我来说似乎没有效率（从未成为定制浏览器黑客的粉丝）。

我想要什么

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

谢谢， Rahi

Answer 1

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

如果您的页面按照您喜欢的方式打印是至关重要的，那么您很可能需要一个专门用于打印的CSS文件 - 一个使用英寸，厘米或任何您喜欢的页面。

查看此previous post - 我认为这会有所帮助。