更改彈出窗口的高度

當我點擊我的擴展圖標時出現一個彈出窗口，但是我面臨的問題是彈出的窗口高度太大，因此它會到達我的任務欄下方。無論如何設置彈出窗口的高度？更改彈出窗口的高度

我試過用body標籤在css文件中聲明高度和寬度。但只有窗口的寬度發生變化。我也試着製作一個iframe，但彈出式窗口只是空白。

2010-12-18 Henrik

通常彈出窗口會和你的內容一樣高... – 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();">

這應該足以解決您的問題。

來源

2010-12-20 11:22:40

我用寬度爲+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>標籤。

來源

2010-12-26 00:57:13 Steven

添加以下在您的彈出頁面的開始取代<html>：

<!DOCTYPE html>

祝你好運！

來源

2010-12-29 08:27:45

\ <！DOCTYPE html \> - 記住這應該不是你的頁面中的斜線，我添加了這個斜槓，因爲stackoverflow會過濾出由<>封裝的任何字符串。 – 2010-12-29 08:28:50

哇，我永遠不會猜到這會解決窗口大小的問題。你是我的英雄。 – 2014-09-05 16:05:26

它解決了我的問題，它與此處提出的問題不同。它是動態降低彈出高度時的問題，它是停留在舊高度，白色空間填充額外高度。 DOCTYPE很重要！ – 2017-06-05 17:53:29

更改彈出窗口的高度

回答

相關問題