Question

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

这是迄今为止的样子

enter image description here

问题是两侧有很多空白区域看起来不太好，特别是因为这是当前页面上的弹出窗口和叠加层。

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

Answer 1

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

Answer 2

正如nkorth所说，使用CSS非常简单。让我为你写出代码：

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

Answer 3

您可以按Debugging Tutorial检查此弹出窗口。

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

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

3 个答案: