Fatal编程技术网
  • javascript/
  • Javascript 如何限制Google chrome扩展弹出窗口的大小？

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

javascript html google-chrome google-chrome-extension

Javascript 如何限制Google chrome扩展弹出窗口的大小？,javascript,html,google-chrome,popup,google-chrome-extension,Javascript,Html,Google Chrome,Popup,Google Chrome Extension,我正在创建一个GoogleChrome扩展，根据提供的选项进行一些基本搜索 到目前为止，情况就是这样 问题是两边有很多空白看起来不太好，特别是因为这是一个弹出窗口，覆盖在当前页面上 如何确保弹出窗口使用所需的最小空间量？您可以查看此弹出窗口 也许将minwidth属性设置为body元素可以修复它。如果没有，请附加html代码，我们可以稍后检查。它应该像设置主体元素的样式一样简单。您想要固定大小、固定宽度还是更小的边距？对于固定大小，应使用溢出：滚动或溢出：隐藏以及适当的宽度和高度。对于固定宽度

我正在创建一个GoogleChrome扩展，根据提供的选项进行一些基本搜索

到目前为止，情况就是这样

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

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

您可以查看此弹出窗口

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

它应该像设置
主体
元素的样式一样简单。您想要固定大小、固定宽度还是更小的边距？对于固定大小，应使用
溢出：滚动
或
溢出：隐藏
以及适当的
宽度
和
高度
。对于固定宽度，请使用
width
和可选的
minheight
。对于其中任何一个元素，您都应该检查所有块级元素的边距，看看这是否是您的空白的来源。

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

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


身体{
宽度：200px；
高度：200px；
溢出：隐藏；
}
文本文本文本
可能根本不设置宽度，那么它将扩展到所需的最小值。您是否尝试使用检查边距？