所以我有这个 Chrome 扩展,可以从互联网上加载一些内容。基本上用户点击弹出图标,然后后台页面中的一些 JavaScript 加载一些页面,从中解析图像并将其放入 popup.html 页面。问题是 popup.html 没有调整大小以适应内容的实际大小。我在 StackOverflow 上看到了几个类似的问题,每个问题的回答都是“将 <!DOCTYPE html>
放在您的 popup.html 页面顶部”,这在我的案例中不起作用。弹出窗口的大小仍然很小(大约 1 平方厘米)。
以前我有一些固定宽度和高度的 CSS 样式,但我注意到我的内容并不总是相同大小,所以我希望 popup.html 页面自动调整自身大小以适应内容。
我知道在最坏的情况下我可以解析图像的宽度和高度并将其设置为 CSS,但我觉得有更优雅的解决方案。
谢谢
最佳答案
我能够使用一些 jQuery 动态调整弹出窗口的大小。
$('html').height($('#menu').height());
#menu 只是一个包裹所有内容的 div。 body
没有正确调整大小,所以我无法使用它。
显然只改变 html
的高度就足够了。
关于javascript - Chrome 扩展页面 popup.html 不调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14644152/