image_wrapper {*身高：1％;位置：相对}

Question

我有一个jpg，其高度大于普通的8.5x11张纸（高度约为2000px）

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

如果我使用FF没有问题......它打印在3页......但是使用IE 7我只能打印1张纸。

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

任何人都有解决方案吗？

Answer 1

<!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>

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

Answer 2

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

Answer 3

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

image_wrapper {*身高：1％;位置：相对}

星号/ *选择器应限制为IE，这是冬青黑客的变体。

IE7不打印完整图像？

3 个答案:

image_wrapper {*身高：1％;位置：相对}