在<object> </object>中定义的pdf的浏览器问题/差异

时间:2011-06-27 18:16:51

标签: html pdf cross-browser

以下html代码用于试验不同的浏览器如何处理通过html控件创建的pdf。下面是一个非常基本的html页面。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
        <object data="http://www.dol.gov/ebsa/pdf/401kfefm.pdf" type="application/pdf" width="500" height="300">
            <p>Missing PDF plugin for this browser.
            <a href="http://www.dol.gov/ebsa/pdf/401kfefm.pdf">Click here to download the PDF file.</a></p>
        </object>
</body>
</html>

pdf文件将在我测试过的所有浏览器中正确加载; Firefox 5,IE 8,Chrome 12.x,Safari 5.但是控件的大小似乎因IE和其他浏览器而异。在其他三个浏览器之间,大小是一致的,但理想情况下我希望所有浏览器上的控件大小相同。

下图显示了Chrome和IE之间的大小差异。 enter image description here

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

像素大小可能出错了。尝试设置'500px'而不是'500'或百分比('20%') 希望这有帮助