如何使 PDF 文档在 c# 剃须刀视图中响应式 100% 缩放视口 asp.net

Question

我正在尝试在剃刀视图中显示PDF文档，但它显示的高度和宽度太小。高度太短 - 只有大约 100px，所以必须滚动这么多才能浏览文档，用户将无法以这种方式正确查看文档。我试图将其高度和包含 css 元素的高度/宽度设置为 100%，但它没有任何区别。

这是我试图用来显示它的代码

<div class="panel-body">       
        <embed src="@ViewBag.sourcePath" type="@ViewBag.resourceType" style="width:100%; height:auto; min-height:100%" />
</div>

sourcePath 是文档的位置。

然后我获取 pdf 文档的尺寸（即高度和宽度），以便我可以即时设置显示宽度，但我不知道在 c# 中获取文件尺寸的方法。同样，我担心这样做是我希望它具有响应能力，以便它可以在不同的视口中正确缩放

我将不胜感激实现这一目标的指南。谢谢

Answer 1

面板主体类的高度属性可能设置为 100 像素。具有此类的div 也可能受到包含它的其他div 元素的约束。

无论如何，您应该检查页面上的CSS文件或样式属性。下面是如何显示 pdf 文件的示例。

视图：

@{
    ViewBag.Title = "ViewPDFB";
}

<style type="text/css">
    #pdfbox {
        width: 100%;
        height: 1000px;
        border: 5px solid #ccc;
    }
</style>
<object id='pdfbox' type="application/pdf" data="@Url.Action("ViewPDF", "ControllerName", new { pth = "InputFilePathHere" })"/>  

控制器：

public FileStreamResult ViewPDF(string pth)
{            
   FileStream fs = new FileStream(pth, FileMode.Open, FileAccess.Read);
   return File(fs, "application/pdf");
}