0

我有一个高度大于普通 8.5x11 纸的 jpg（高度约为 2000 像素）

这是链接 http://i39.tinypic.com/121d7ur.jpg

所以很明显，当你尝试打印这张照片时，它会打印在一张以上的纸上……但是当我尝试打印页面（甚至去打印预览）时……它只显示一半的图像第一页....但是没有第二页？...应该有第二页来显示其余部分（甚至是第 3 页）

如果我使用 FF 就没有问题...它打印在 3 页上...但是使用 IE 7 我仅限于打印 1 张纸。

我在 IE7 中右键单击图像本身并单击“打印此图像”，但仍然没有运气。

有人对此有解决方案吗？

4

3 回答 3

4 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Blank XHTML 1 Transitional Page</title>
<style>
@media print {
    html { height: 100%; }
    img { height: 100%; }
}
</style>
</head>
<body>
    <img src="bigimage.jpg" />
</body>
</html>

编辑：抱歉，最初并没有意识到您的图像太高而不是太宽。要在保持纵横比的同时降低图像高度，请使用 CSS 将 HTML 和 IMG 设置为 100% 的高度 - 请参阅修改后的示例。

于 2009-01-13T20:55:48.380 回答
2

我知道这可能不是您真正想要的答案，但如果您打算让用户打印图像，我会考虑将其放入 PDF 中。这样，每个人每次都会打印相同的内容。

于 2009-01-13T20:51:51.820 回答
1

尝试将图像包装在 div 中，在 div css 中应用以下内容：

image_wrapper {*高度：1%; 位置：相对}

star/* 选择器应该限制在 IE 中，这是 holly hack 的一种变体。

于 2009-09-16T20:11:52.220 回答