twitter-bootstrap - 使用 rotativa PDF Bootstrap 最小规模

Question

我在使用 rotativa 时遇到问题，我的 Bootstrap 页面在打印时总是缩放到最小。有什么方法可以为我的 View 设置视口(viewport)大小，因此它不会将 Bootstrap 缩放到最小以生成 PDF？

Controller 实现

[HttpGet]
public ActionResult DownloadViewPDF()
{
    var vm = new Viewmodel();
    return new Rotativa.ViewAsPdf("SummaryPDF", vm) { FileName = "TestViewAsPdf.pdf", PageSize = Size.A4 };
}

这是我的一般 View 实现

<div class="row">
    <div class="col-sm-6">
        <div class="form-group">
            <span class="label">Email</span>
            <span class="form-control-static">test@email.com</span>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="form-group">
            <div class="required-enabled">
                <span class="label">Phone</span>
                <span class="form-control-static">(804) 222-1111</span>
            </div>
        </div>
    </div>
</div>

我尝试了一些方法，例如使用 rotativa 的 PageSize、PageHeight、PageWidth 设置。没有什么似乎可以阻止缩放。我也尝试过使用 CustomSwitches，但无法真正找到提供我想要的结果的设置。

我还尝试在 html 元标记中设置静态视口(viewport)大小，并将我的 View 封装在具有静态宽度的 div 中。这些东西似乎都不能阻止我的 PDF 被缩放到最小可能的 Bootstrap 显示。

Answer 1

我使用“--viewport-size”开关

new ViewAsPdf("Edit", model) { PageOrientation = Orientation.Landscape, CustomSwitches = "--viewport-size 1000x1000" };