Css 如何调整Firefox附加SDK弹出窗口/面板的大小？Firefox附加SDK弹出窗口/面板太小

我在Firefox中遵循了这一原则，效果非常好

我现在遇到的问题是，它创建的弹出窗口不会改变大小以适应我添加到其中的内容。相反，它添加了滚动条

---

那么，如何更改Firefox附加SDK弹出窗口的大小以显示所有内容呢？

您必须自己处理

如果在创建面板时已经知道所需的大小，则可以将

高度

和

宽度

作为对象的属性传递给

面板（）

构造函数

创建面板后，可以通过设置面板上的

高度

和

宽度

属性来更改面板的大小

高度

和

宽度

值是以像素为单位的数字

---

有关如何使用面板的完整文档，请参阅。

您必须自己处理

如果在创建面板时已经知道所需的大小，则可以将

高度

和

宽度

作为对象的属性传递给

面板（）

构造函数

创建面板后，可以通过设置面板上的

高度

和

宽度

属性来更改面板的大小

高度

和

宽度

值是以像素为单位的数字

---

有关如何使用面板的完整文档，请参阅。

尽管教程和文档中没有说明，但面板的高度和宽度始终默认为相同的小尺寸

要更改它，可以使用

如果要自动更改，可以使用以下代码：

//index.js
var panel = require("sdk/panel").Panel({
    height: 200,  //choose your default
    width: 200,
    contentURL: data.url("popup.html"),
    contentScriptFile: data.url("auto_resize_popup.js")
});

panel.port.on("resize", function (size) {
    console.log(size);
    panel.resize(size.width, size.height);
});

---

尽管教程和文档中从未提及，但面板的高度和宽度始终默认为相同的小尺寸

要更改它，可以使用

如果要自动更改，可以使用以下代码：

//index.js
var panel = require("sdk/panel").Panel({
    height: 200,  //choose your default
    width: 200,
    contentURL: data.url("popup.html"),
    contentScriptFile: data.url("auto_resize_popup.js")
});

panel.port.on("resize", function (size) {
    console.log(size);
    panel.resize(size.width, size.height);
});

---

如果您询问如何自动调整面板大小以适合您的内容，请澄清您的问题。如果您正在查找如何指定面板的

高度

和

宽度

，那么您应该在中找到这一点。这些属性是前两个列出的属性。当您有问题时，阅读您正在使用的方法的基本文档应该是您首先要做的事情之一。面板文档页面是本教程的第一个链接。如果您询问如何自动调整面板大小以适应您的内容，请澄清您的问题。如果您正在查找如何指定面板的

高度

和

宽度

，那么您应该在中找到这一点。这些属性是前两个列出的属性。当您有问题时，阅读您正在使用的方法的基本文档应该是您首先要做的事情之一。面板文档页面是教程中的第一个链接。