我被卡住了,SO档案没有帮助我.也许我在错误的地方看.这是一个简短的故事:
>我有一个看法,我需要打印在一个完整的页面.我不能有第二页,我需要它在页面上尽可能大.
>解决方案必须具有合理的跨浏览器兼容性(IE9,Safari,Chrome,FF).
>我已经有一个PDF解决方案,但是我也需要一个简单的香草打印解决方案.
>该页面是使用Bootstrap构建的,但是我已经覆盖了Print的大部分类.
HTML页面的结构如下.我删除了一些内联CSS,以定制一些这样的信息.
@media print {
html,body {
margin: 0;
padding: 0;
background: #FFF;
font-size: 9.5pt;
}
.container,.container div {
width: 100%;
margin: 0;
padding: 0;
}
.template { overflow: hidden; }
img { width: 100%; }
}
[PLAIN TEXT IN HERE,POSITION:ABSOLUTE OVER THE IMAGE]
我意识到这里有一些不好的形式来包括在线CSS,但是由于各种原因,它必须重写一堆其他的CSS.我可以把它拉回来,但它的要点就是这样.当我打印时,我会看到正确的东西,再加上一个额外的第二页.当我缩小图像时,一切都可以,但是我需要图像来填充DIV.
我认为设置宽度为100%是问题,但我确保图像宽高比小于页面(即使有任何边距).基本上,全宽度的图像不应该导致分页符.我做错了什么我需要改变什么?任何帮助是赞赏…