我正在努力将扩展程序从Chrome移植到Firefox。弹出窗口有几个不同大小的元素，可以显示。我遇到的问题是当元素被更改或body被调整大小时，显示弹出窗口的'窗口'不会调整大小。
这个问题在chrome中似乎不存在，是否有人知道我做错了什么或这是Firefox中的错误？我已经包含了改变下面主体大小的代码，这在chrome中有效，但在Firefox中似乎不起作用。
$('body').ready(function(){
$('body').animate({
'width':500,
'height':500
},500);
});
我已经尝试使用$('body').css()，以防animate()出现问题，无法正常工作。
此外，如果我向body添加背景并缩小它，那么可以看到背景改变大小而不包含更改大小的窗口。
修改 添加更多信息以澄清问题
扩展程序是WebExtension插件（https://developer.mozilla.org/en-US/Add-ons/WebExtensions）
{
"manifest_version": 2,
"browser_action": {
"default_popup": "popup.htm"
},
"description": "Example extension",
"icons": {
"128": "example.png"
},
"name": "Example Extension",
"version": "1",
"applications":{
"gecko":{
"id":"example@example.com"
}
}
}
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type=text/javascript src="js/jquery.js"></script>
<script type=text/javascript src="js/popup.js"></script>
</head>
<style>
body{
width:200px;
height:200px;
border:1px solid black;
}
</style>
<body>
<button id=reset type=button>200x200px</button>
<button id=shrink type=button>100x100px</button>
</body>
</html>
$('body').ready(function (){
$('#reset').bind('click',function(){
$('body').css({
width:200,
height:200
});
});
$('#shrink').bind('click',function(){
$('body').css({
width:100,
height:100
});
});
});
加载上述扩展名后，弹出窗口会以其初始大小（200x200）正确显示。但是，在调整正文大小时，弹出窗口的大小不会更新。此相同的扩展程序在Chrome中按预期工作（弹出窗口调整大小）。