我正在使用以下内容嵌入pdf文件:
<div class="graph-outline">
<object style="width:100%;" data="path/to/file.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" type="application/pdf">
<embed src="path/to/file.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" type="application/pdf" />
</object>
</div>
它工作,但我想设置pdf宽度以匹配包含div的宽度.目前它显示为带有滚动条的iframe,因此要查看整个pdf,您必须从右向左滚动.我希望pdf适合容器的宽度.
我该如何解决？我支持IE8及以上.
这是一个jsfiddle:http://jsfiddle.net/s_d_p/KTkcj/
我需要缩放PDF文件以适应iFrame.它需要响应,因此PDF应该与设备宽度一起缩放,以便PDF文档显示完整的页面.
如果在Bootstrap中有一个免费的插件或函数来实现这一点,我会很高兴听到它.
提前致谢!
我正在构建一个页面,该页面将在页面上显示PDF文件.在Chrome中查看此页面时,默认情况下会设置缩放级别,以使文档比分配的空间更宽更高.Safari似乎有一个更好的默认设置,使页面适合可用空间,仅供参考.
我想知道是否有任何参数可以设置<object>为强制文档的初始缩放级别.它可能是name = initZoom,其值为"fitToPage"或"fitToWidth"或"70"(70%缩放).它可能看起来像这样:
<object data="/path/to/file.pdf" type="application/pdf">
<param name="initZoom" value="fitToPage" />
</object>
当我在Chrome/Firefox上嵌入pdf进行查看时,无论我设置宽度/设置参数,它都不会改变pdf内容的宽度,我唯一可以控制的是pdf查看器大小,而不是pdf页面大小,有没有办法控制它？谢谢
<object type="application/pdf" data="2010%20AHS%20XC%20Results.pdf" width="1500" height="1200"></object>
<object type="application/pdf" data="2010%20AHS%20XC%20Results.pdf#view=fit" width="1500" height="1200"></object>
<object type="application/pdf" data="2010%20AHS%20XC%20Results.pdf" width="1500" height="1200">
<parm name="view" value="fit/>
</object>
以上代码都不起作用