Question

我已使用embed标记向网页添加了PDF。嵌入窗口的宽度小于PDF的宽度。因此，出现水平滚动条。但是，PDF文档本身的左侧和右侧有很大的余量。如果用户将中心滚动到PDF，则PDF的内容非常适合。

如果可能的话，我希望自动滚动。

代码在这里http://shop.stelladoradus.com/product/gsm-repeater/
您必须单击规范选项卡才能看到PDF。

对于Google Chrome，我执行了以下操作：

我使用了iframe而不是嵌入

<iframe id='pdf_embed' height='1300' style='width: 734px; margin-left: -40px;' src='iframe_url?pdf=pdf_url.'></iframe>

我在iframe页面上的

：

<style>
object{
    width: 200%;
    margin-left: -370px;
    margin-top: -150px;
}
embed{
    width:100%;
    height:95%;
}
</style>
<html>
<body >
    <object height='1430' data="<?php echo $_GET['pdf']; ?>" type="application/pdf">
        <embed height='1430' src="<?php echo $_GET['pdf']; ?>" type="application/pdf" />
    </object> 
</body>
</html>

此解决方案实际上正是我所寻找的，因为pdf已放大，因此边距不会显示，并且更容易阅读（更大的文本）。我无法让它适用于firefox或IE，因为你可以使用下面的@Infer-On解决方案。

Answer 1

好的我认为您只需要将一些参数传递给您的PDF，如documentation所示：

您可以尝试这样的事情：

zoom=scale

使用float或integer值设置缩放和滚动因子。对于例如，比例值100表示缩放值为100％。

或者

view=Fit

使用定义的关键字值设置显示页面的视图在PDF语言规范中。有关更多信息，请参阅PDF 参考

请参阅相关文档以查找更适合您的参数

http://example.org/doc.pdf#zoom=50
http://example.org/doc.pdf#view=Fit,100

修改

我已经尝试过：

<object data="http://www.stelladoradus.com/wp-content/uploads/2014/03/en_spec_RP1000G3.pdf" type="application/pdf" width="300" height="500"> <param name="view" value="fit" /> </object>

http://jsfiddle.net/InferOn/wVaGa/23/

这有效，但不适用于Chrome ...

在网页上嵌入PDF并水平滚动以使其居中

1 个答案: