所以我有这个Chrome扩展程序可以从互联网上加载一些内容。基本上用户点击弹出图标，然后后台页面中的一些JavaScript加载一些页面，从中解析图像并将其放入popup.html页面。问题是popup.html没有调整大小以适应内容的实际大小。我在StackOverflow上看到了几个类似的问题，每个问题都回答了“put <!DOCTYPE html>在你的popup.html页面上”，在我的情况下，这个问题无效。弹出窗口的大小仍然很小（约1平方厘米）。
以前我有一些固定宽度和宽度的CSS样式。高度，但我注意到我的内容并不总是相同的大小，所以我希望popup.html页面自动调整大小以适应内容。
我知道在最糟糕的情况下，我可以解析图像的宽度和高度，并将其设置为CSS，但我觉得有更优雅的解决方案。
由于
答案 0 :(得分：4)
我能够用一点点jQuery动态调整弹出窗口的大小。
$('html').height($('#menu').height());
其中#menu只是包含所有内容的div。 body没有正确调整大小，所以我无法使用它。
显然只是改变html的高度就足够了。
答案 1 :(得分：3)
我设法解决了这个问题。显然，如果我将内容加载到popup.html中，弹出窗口将不会自动调整大小。它没有办法。所以我在加载要显示的内容后尝试修改页面的CSS，但这也无效。然后我发现在动态调整大小时页面中应该没有隐藏的内容。当我从网上加载内容时，我将整个页面隐藏在一个隐藏的div中，然后通过JavaScript我访问了我感兴趣的页面元素，抓住它并放入弹出页面中的可见容器中。为了解决这个问题，我只需要通过document.getElementById('myHiddenDiv').innerHTML = ""“删除”隐藏div的内容，然后神奇地调整弹出窗口的大小： - ）。