在html中自动调整文档大小<；对象>；元素以适应对象的维度（可能使用Javascript）

是否可以自动调整元素中文档的大小以适应对象的维度（可能使用Javascript）

我需要在网站上显示文档预览（如PDF、Word文档等）。预览需要是实时的（实际文档，而不是图像），并且要有240px-350px宽

如果我使用该元素，则嵌入的文档将按照我的要求显示，即在可用窗口中显示文档的全宽，该窗口由iframe的尺寸设置

但是，如果我使用元素，默认情况下，嵌入的文档将以更大的大小显示，这意味着在对象窗口中只有文档的一部分可见-请参见屏幕截图

是否有一种方法可以强制元素内的文档自动调整自身大小，以适应为对象元素设置的尺寸，即与iframe内的文档行为相同

我很确定这不能由元素上的属性来完成。但是，我想知道是否有JavaScript解决方案。请注意，在文档上方的鼠标上，Chrome和Safari中会弹出一个半透明的工具栏（只要尺寸至少为346 px宽），并且该工具栏允许用户调整内部文档的大小，使其适合inframe窗口。这意味着可以更改文档大小（可能是通过Javascript）。默认情况下，我的应用程序需要这样做

iframe和对象版本的代码如下所示

<iframe src="sample01.pdf" height = "400" width ="350" >
</iframe>   

<object data="sample01.pdf" type="application/pdf" height="400" width="350">
    <embed src="sample01.pdf" type="application/pdf"/>
</object>

---

（我也发布了这两张图片，但还没有获得足够的声誉点数来发布图片。）

这在很大程度上取决于浏览器中使用什么插件来显示PDF/Word文件（如果有）。是否有专门针对chrome PDF插件的方法？