如何限制Google Chrome擴展程序彈出窗口的大小？

我正在創建一個Google Chrome瀏覽器擴展程序，可根據所提供的選項進行一些基本搜索。如何限制Google Chrome擴展程序彈出窗口的大小？

這是它的外觀至今

enter image description here

的問題是，有很多對雙方不好看的白色空間，尤其是因爲這是在一個彈出式窗口，覆蓋當前頁面。

如何確保彈出窗口使用所需的最小空間量？

2011-05-28 Lazer

也許根本沒有設置寬度，那麼它會擴展到所需的最小值。 – 2011-05-28 08:55:48

它應該像造型body元素一樣簡單。你想要一個固定的大小，固定的寬度，還是隻有較少的利潤？對於固定尺寸，您應該使用overflow:scroll或overflow:hidden以及相應的width和height。對於固定寬度，請使用width和可選的min-height。對於其中的任何一個，您應該檢查所有塊級元素的邊距，看看這是否是您的空白來自哪裏。

來源

2011-05-28 12:56:39 nkorth

您是否嘗試過使用[Inspect Popup]（http://code.google.com/chrome/extensions/tut_debugging.html#inspect-popup）檢查邊距？ – nkorth 2011-05-28 13:42:29

您可以按照Debugging Tutorial檢查此彈出窗口。

也許將min-width屬性設置爲body元素可以修復它。如果沒有，請附上html代碼，我們可以稍後再檢查。

來源

2011-05-28 12:46:08 silverfox

正如nkorth所說，這很容易，使用CSS。讓我爲你寫出代碼：

<html> 
    <head> 
    <style type="text/css"> 
     body { 
      width: 200px; 
      height: 200px; 
      overflow: hidden; 
     } 
    </style> 
    </head> 
    <body> 
    text text text 
    </body> 
</html>

來源

2012-03-29 06:04:32

如何限制Google Chrome擴展程序彈出窗口的大小？

回答

相關問題