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

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 文件 - 使用英寸、厘米或您想要的任何单位的文件。

查看之前的帖子——我认为这会有所帮助。