更改弹出窗口的高度

问题描述：

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

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

通常弹出窗口会和你的内容一样高... – 2010-12-18 17:58:45

答

您可以使用window.resizeTo（preferredredWidth，preferredredHeight）函数设置弹出窗口的高度和宽度。如果你想在不是父窗口的弹出窗口中设置这个比self.resizeTo（preferredredWidth，preferredredHeight）;会为你做这份工作。

更好的建议是将你的内容保存在一个div中，例如带id为'content'的div，这样你就可以在弹出窗口中使用它。

<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();">

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

我用宽度为+20，因为我希望浏览器比我的内容宽20倍，高度高100，因为我希望它高出100像素到我的内容，你可以有你自己的自定义宽度和高度， – 2010-12-20 11:24:54

答

尝试：

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

or just, 

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

在你popup.html的<head>标签。

答

添加以下在您的弹出页面的开始取代<html>：

<!DOCTYPE html>

祝你好运！

\ - 记住这应该不是你的页面中的斜线，我添加了这个斜杠，因为stackoverflow会过滤出由封装的任何字符串。 – 2010-12-29 08:28:50

哇，我永远不会猜到这会解决窗口大小的问题。你是我的英雄。 – 2014-09-05 16:05:26

它解决了我的问题，它与此处提出的问题不同。它是动态降低弹出高度时的问题，它是停留在旧高度，白色空间填充额外高度。 DOCTYPE很重要！ – 2017-06-05 17:53:29

更改弹出窗口的高度

相关推荐