这个问题 IMO 与 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 解决方案可能类似于“缩小以适合”。
谢谢, 拉希
最佳答案
打印设备通常以物理尺寸(英寸、厘米、英尺等)来衡量其内容。像素宽度取决于显示器分辨率,因此不能依赖于每个输出设备。
如果您的页面以您喜欢的方式打印至关重要,您很可能需要一个专为打印而设计的 CSS 文件——一个使用英寸、厘米或任何您喜欢的单位的文件。
看看这个 previous post -- 我认为这会有所帮助。
关于javascript - 调整页面内容的大小以适合一个打印页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12565541/