Question

当我点击我的扩展程序图标时，会出现一个弹出窗口，但我面临的问题是弹出窗口高度太大，因此它低于我的任务栏。无论如何设置弹出窗口的高度？

我试过通过body标签在css文件中声明高度和宽度。但只有窗口的宽度会发生变化。我也试过制作一个iframe，但弹出窗口只是空白。

Answer 1

在弹出页面的开头添加以下内容以替换<html>：

<!DOCTYPE html>

祝你好运！

Answer 2

您可以使用window.resizeTo（preferedWidth，preferedHeight）函数设置弹出窗口的高度和宽度。如果你想在一个弹出窗口中设置它而不是来自父窗口而不是self.resizeTo（preferedWidth，preferedHeight）;会为你做的工作。

更好的建议是将您的内容保存在div中，例如div为id'content'，这样您就可以将其用于弹出窗口。

<head>
<script type="text/javascript">
function resizeMe()
{
    height = document.getElementById("content").offsetHeight;
    width  = document.getElementById("content").offsetWidth;
    self.resizeTo(width+20, height+100);
}
</script>
</head>

<body onload="resizeMe();">

这应该足以解决您的问题。

Answer 3

尝试：

<style type="text/css">
    body {
       max-height: 300px;
    }
</style>

or just,

<style type="text/css">
    body {
       height: 300px;
    }
</style>

在popup.html的<head>标记中。

更改弹出窗口的高度

3 个答案: