如何在mobile safari中设置pdf宽度

发布于 2024-10-20 04:51:35 字数 386 浏览 0 评论 0原文

我正在尝试显示嵌入网页中的 pdf 文件。我正在使用

<object id="objectPDF" type="application/pdf" data="pdf.pdf" width="100%" height="1000px" style="border:2px solid red; text-align:center">
<param name="view" value="fitH" valuetype="data"/>

原文

I am trying to display a pdf file embed in a webpage. I am using the <object> tag. The pdf can be displayed in iphone or ipad. However, I want to make the pdf display fill the full width of the webpage. I am unable to find out any document about setting the pdf width for mobile safari. Please help

<object id="objectPDF" type="application/pdf" data="pdf.pdf" width="100%" height="1000px" style="border:2px solid red; text-align:center">
<param name="view" value="fitH" valuetype="data"/>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

冬天旳寂寞 2024-10-27 04:51:35

你可能想把它放在一个 div 中并取出对象标签中的宽度，

<div width="300px" height="100%">
<object id="objectPDF" type="application/pdf" data="pdf.pdf" height="1000px" style="border:2px solid red; text-align:center">
<param name="view" value="fitH" valuetype="data"/>
</div>

you might want to put it an a div and take out the width in the object tag,

<div width="300px" height="100%">
<object id="objectPDF" type="application/pdf" data="pdf.pdf" height="1000px" style="border:2px solid red; text-align:center">
<param name="view" value="fitH" valuetype="data"/>
</div>

回复收藏 0 原文

临走之时 2024-10-27 04:51:35

仅从外观来看，我认为如果关闭元素，它应该可以工作。

为什么使用宽度和高度作为对象属性？我只会使用 css 来实现它。我认为这

text-align: center

对于

@LG PDF 和 @Trevor Rudolph：您的

这可能也与 pdf 插件有关。这是有效的。我通过 Safari 上的屏幕截图服务进行了测试，但移动设备则是另一回事。边境呢？你可以看到它显示出来了吗？

CSS：

.myobject {
width: 100%;
height: 1000px;
border:2px solid red;
}

HTML：

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1" class="myobject">
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1" />
</object>

我用 flash 对象测试了它。顺便说一句，不需要包装。对象将采用 W x H，例如

有效。

Just from looking at it I'd say it should work if you close the </object> element.

Why do you use width and height as object attributes? I would just use css for it. And I don't think that

text-align: center

is approriate for an <object> since this is not HTML-rendered. Inside i'ts just a plugin. Maybe that's another thing that could break it.

And @LG PDF and @Trevor Rudolph: your <object> never closes! Maybe that's why safari does it not right?

This might have to do something with the pdf plugin as well. Here is what works. I tested it through the screenshot service on Safari, but mobile is another thing. What about the border? You can see it show up right?

CSS:

.myobject {
width: 100%;
height: 1000px;
border:2px solid red;
}

HTML:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1" class="myobject">
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?fs=1" />
</object>

I tested it with a flash object. No wrapper needed, btw. Object would take W x H, e.g. <div> works.

回复收藏 0 原文

女中豪杰 2024-10-27 04:51:35

使用对象时，对我来说没有任何作用。如果改用 iframe，并应用适当的缩放，它就可以工作。无论如何都不完美。

<div id="pdfVewerWrapper">
    <iframe id="pdfVewer" src="url"></iframe>
</div>

#pdfVewerWrapper {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 1;
    overflow: auto;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

#pdfVewer {
    width: 595px;
    height: 20000px;
    margin: 0;
    padding: 0;
    -webkit-transform: scale(1.6);
}

Nothing works for me when using object. If iframe is used instead, and proper scaling is applied, it works. Not perfect anyway.

<div id="pdfVewerWrapper">
    <iframe id="pdfVewer" src="url"></iframe>
</div>

#pdfVewerWrapper {
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 1;
    overflow: auto;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

#pdfVewer {
    width: 595px;
    height: 20000px;
    margin: 0;
    padding: 0;
    -webkit-transform: scale(1.6);
}

回复收藏 0 原文

~没有更多了~