Question

我正在使用embed标签来显示pdf文件。除了＆＃34; height＆＃34;之外，它的效果非常好。当我用％定义高度时，属性不会起作用（＆＃34;宽度＆＃34;做它应该做的事情）。当我使用px而不是％时，它可以工作，我尝试更改数字，但没有工作...有没有人知道为什么？

谢谢！

代码：

<!DOCTYPE html>
<html>
<head>
</head>

<body>
<embed id="pdf" src="C:\path\Tysk.pdf" width="60%" height="80%"/>


<style>
#pdf {
}
</style>
</body>
</html>

Answer 1

使用<embed>标记时，height属性必须以像素显示。百分比不允许。

试试这个：

 <!DOCTYPE html>
   <html>
     <head>
       <style>
         #pdf {
           height: 800px;
           width: 600px;
         }
       </style>
     </head>
   <body>
     <embed id="pdf" src="C:\path\Tysk.pdf"/>
   </body>
   </html>

Source on MDN

Answer 2

height=x%取决于其父元素的高度，因为它相对于其父元素。在您的情况下，body是embed元素的父级。因此，如果您将height属性设置为body元素，那么它将起作用。

Answer 3

我认为如果您还没有尝试过此代码，此代码可以很好地解决您的问题。

    <object data="/pdf/mysample.pdf" type="application/pdf" width="100%" height="80%">

    </object>

问候。

随时告诉我这次尝试的结果。

高度=＆＃34; X％＆＃34;在<embed />标签中无法正常工作

3 个答案: