调整页面内容以适合打印页面

Question

此问题国际海事组织更与CSS有关，但我对任何解决方案都是开放的。我试图打印一个网页谁是身高定义在PX（我也试过％）。现在Safari和IE 8及之后发生了什么，页面内容不会在一页上打印。

当前设置

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

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

发生了什么事

将打印在一页上一切都在FF，但在IE和Safari浏览器的内容将分成两页这是一个问题的赫克为我的用户。我必须告诉他们设置页边距：0.3这绝对不是一种有效的方式。

我做了什么

我已经尝试了不同的@页和浏览器的特定黑客，使其工作，但它并不能证明是富有成效的OR似乎有效地我不要（从来就不是一个风扇的定制浏览器黑客）。

我想

CSS/JS的解决方案是什么，使网页内容打印在一页纸上可能类似于“缩小字体填充”。

谢谢， Rahi

Answer 1

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

如果这是你的页面打印关键你喜欢的方式，你很可能需要专为打印的CSS文件 - 一个使用英寸，厘米，或任何你想。

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