css - 使用 Rotativa 打印到 PDF - 使用 Bootstrap 的 MVC5

Question

尝试将我的视图打印为 PDF，并且我正在获取为移动设备呈现的 pdf。基本上，我认为检测到最小的屏幕并使用移动设备的 css 样式。有没有办法来解决这个问题？

我尝试更改格式大小并使其变得非常大，尝试使用横向，但内容只会按比例放大，并且仍会以移动样式显示。

我正在考虑将部分视图呈现为 pdf 并有自定义 css 文件仅用于 pdf 导出，但这似乎有很多不必要的工作

有任何想法吗？

谢谢

Answer 1

您可以做的是在样式表中使用打印媒体类型。它看起来像这样：

@media print {
    p {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 18px;
        color: red;
    }
}

也许您已经使用这种媒体类型并将其放入您的移动样式中？可能想把它放在任何响应式输入之上，看看效果如何？