您好,感谢您的关注!
背景
我正在使用Rotativa PDF打印多页报告,它将 HTML 页面打印为 PDF。为此,我需要遵循 CSS 2.1 及更高版本的 @page 约定。
我的应用程序在 C#、MVC 3 中。
问题/问题:
即使我在 @page 声明中指定 8.5 英寸乘 11 英寸,打印的 PDF 中的页面也仅缩放到 8.5X11 表的约 75%。我知道这一点是因为我有一个应该覆盖整个页面的背景图像,但它只打印到整个页面的 75% 左右。内容也按比例缩小,所以一切都按比例正确,只是没有按应有的方式绘制整个 8.5X11 帧。
我在 CSS 中像这样设置报告的封面:
@page defaultPage{size:8.5in 11in;margin: 2cm;}
#CoverPage {
page: defaultPage;
background-image: url(/Resources/rendered_assets/img/cover_bg.jpg);
background-repeat:no-repeat;
width:8.5in;
height: 11in;
}
和 HTML:
<div id="CoverPage">
<p>foo</p>
<p>bar</p>
</div>
知道我可能做错了什么吗?提前致谢。