如何限制 Google chrome 扩展弹出窗口的大小？答案

【问题标题】：How to restrict the size of a Google chrome extension popup?如何限制 Google chrome 扩展弹出窗口的大小？
【发布时间】：2011-05-28 08:37:02
【问题描述】：

我正在创建一个 Google Chrome 扩展程序，它会根据提供的选项进行一些基本搜索。

目前为止是这样的

问题是侧面有很多空白，看起来不太好，特别是因为这是一个弹出窗口并覆盖在当前页面上。

如何确保弹出窗口使用所需的最少空间？

【问题讨论】：

也许根本不设置宽度，然后它会扩大到所需的最小值。

标签： javascript html google-chrome popup google-chrome-extension

【解决方案1】：

正如 nkorth 所说，这很容易，使用 CSS。让我给你写代码：

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

【讨论】：

【解决方案2】：

它应该和body 元素的样式一样简单。你想要一个固定的大小、固定的宽度，还是只需要更少的边距？对于固定大小，您应该使用overflow:scroll 或overflow:hidden 以及相应的width 和height。对于固定宽度，使用width 和可选的min-height。对于其中任何一个，您应该检查所有块级元素的边距，看看您的空白是否来自那里。

【讨论】：

你试过用Inspect Popup检查边距吗？

【解决方案3】：

您可以关注Debugging Tutorial 来检查此弹出窗口。

也许将min-width 属性设置为body 元素可以修复它。如果没有，请附上html代码，我们可以稍后查看。

【讨论】：