html - 如何使对象标签内的 PDF 响应？

Question

我正在尝试使我的网站响应迅速，并且我在正文中的对象标签中有一个 PDF 查看器，就像这样:

<object width="950" height="800" data="images/ah.pdf"></object>

由于定义了宽高，所以我改成了:

<div id="custom">
<object data="images/ah.pdf"></object>
</div>

然后用百分比调整css部分的div。我的问题是整个 PDF 查看器没有显示，取而代之的是一个侧面有滚动条的小框，所以你必须左右滚动和上下滚动。有什么办法可以让它根据窗口大小调整 PDF 大小，而不是单独调整 PDF 查看器？我希望这尽可能清楚。谢谢!

Answer 1

将您的对象标签更改为:

<object data="images/ah.pdf" style="width: 100%; height: 100%; display: block;"></object>

您可以将样式添加到一个类中，然后将该类包含在您的对象标记中。或者使用其他变体来应用样式。宽度和高度将与其父容器的大小相同。