logo标签列表

Chrome扩展程序，弹出窗口的高度。

google-chrome-extension
38

我觉得弹出窗口的高度好像有一个489像素的限制。 如果我将弹出窗口的body元素设置为600像素高，则弹出窗口会显示滚动条（因为内部页面变得更大），但弹出窗口本身不会改变其大小。

是否可能使弹出窗口的高度大于489像素？

4个回答
52

在 CSS 中设置 html 和 body 元素的 height 属性。

4
谢谢！你需要将height CSS属性添加到HTML元素上，而不仅仅是BODY元素。 - tim
好的..很抱歉，但我似乎无法弄清如何获取对“html”元素的引用..? - kodybrown
5
在Windows系统上无法运行。 - Denis Matafonov
2
那些声称它不起作用的人：你确定你正在使用CSS方法吗？例如：<html style="height: 300px;">和<body style="height: 300px;">。 - Andrew Arnott
1
我也遇到了同样的问题。我发现在body内部元素上设置padding会破坏高度参数。 - Parsa Yazdani
请注意，rem 对我不起作用，我必须声明数字为 px，例如：height: 400px;。 - Menelaos Kotsollaris
6
Chrome扩展程序的弹出窗口有最大高度和宽度限制。这就是为什么在某些情况下设置body和html元素的高度有效，而在其他情况下却无效的解决方案。对于Windows操作系统，最大高度似乎被设置为489像素。
此外，弹出窗口的大小通常适合其（相对定位的）元素的大小。即使弹出窗口的DOM被动态更改，这也是如此。因此，通常不需要设置弹出窗口的高度。
5
在我看来，最大高度似乎为600像素。也许会因屏幕分辨率而有所不同？ - Gabe O'Leary
0
弹出窗口应该根据内容的相对位置来调整大小。或者，您可以在弹出窗口页面的body上设置height CSS属性，以强制其具有特定的高度。
您还可以通过在body上设置overflow: hidden;来隐藏滚动条。
如果大小不超过489像素，则它会完美地适配，如果大于此数字，则会显示滚动条。 - megas
0
如果您的弹出窗口仅用于更新扩展程序的设置，最好的方法是创建一个名为options_page的单独设置页面，而不是弹出窗口。
有关options_page的参考资料在这里。
我的扩展程序有点像标签管理器，因此它不能是选项页面。 - megas
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接