height="x%" 在 <embed> 标记中不起作用答案

【问题标题】：height="x%" not functioning in <embed> tagheight="x%" 在 <embed> 标记中不起作用
【发布时间】：2018-10-15 23:07:02
【问题描述】：

我正在使用 embed 标签来显示一个 pdf 文件。它工作得很好，除了当我用 % 定义高度时“高度”属性不起作用（“宽度”做了它应该做的事情）。当我使用 px 而不是 % 时它可以工作，并且我已经尝试更改数字，但没有任何工作......有人知道为什么吗？

谢谢！

代码：

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

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


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

【问题讨论】：

标签： html css pdf height embed

【解决方案1】：

使用<embed> 标签，高度属性必须以像素为单位显示。 不允许百分比。

试试这个：

 <!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

【讨论】：

【解决方案2】：

如果您尚未尝试过此代码，我认为此代码将很好地解决您的问题。

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

    </object>

您好。

欢迎告诉我这次尝试的结果。

【讨论】：

如果不行，添加这个：min-height: yourpourcentage%;在嵌入标签的 height="yourpourcentage%" 之前。

【解决方案3】：

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

【讨论】：