如何嵌入具有响应宽度的PDF文件

我正在使用以下方式嵌入pdf文件:

<div class=“图形轮廓”>
<object style=“width:100%”data=“path/to/file.pdf”#zoom=85&scrollbar=0&toolbar=0&navpanes=0“type=“application/pdf”>
<嵌入src=”https://stackoverflow.com/questions/16468961/path/to/file.pdf?#zoom=85&滚动条=0&工具栏=0&导航窗格=0“type=“application/pdf”/>
&lt/对象>
&lt/部门>

它可以工作,但我想设置pdf宽度以匹配包含div的宽度。目前它显示为带有滚动条的iframe,因此要查看整个pdf,必须从右向左滚动。我希望pdf适合容器的宽度

我该如何解决这个问题?我支持IE8及以上

下面是一个JSFIDLE:http://jsfiddle.net/s_d_p/KTkcj/

只需这样做:

<object data=“resume.pdf”type=“application/pdf”width=“100%”height=“800px”>
<p>您似乎没有此浏览器的PDF插件。
没什么大不了的。。。你可以<a href=”https://stackoverflow.com/questions/16468961/resume.pdf“>点击这里
下载PDF文件。&lt/a&gt&lt/p>
&lt/对象>

发表评论