【问题标题】:chrome extension, popup window's heightchrome扩展,弹出窗口的高度
【发布时间】:2011-10-31 00:18:24
【问题描述】:

在我看来,弹出窗口的高度限制为 489 像素。 如果我将弹出窗口的 body 元素设置为 600 像素的高度,则弹出窗口会有一个滚动条(因为里面的页面变大了),但弹出窗口的大小不会改变。

是否可以将弹出窗口的高度设置为大于 489 像素?

【问题讨论】:

    标签: google-chrome-extension


    【解决方案1】:

    chrome 扩展的弹出窗口具有最大高度和宽度。这就是为什么设置 body 和 html 元素高度的解决方案在某些情况下确实有效,而在其他情况下无效的原因。对于 Windows,最大高度似乎设置为 489 像素。

    此外,弹出窗口的大小通常适合其(相对定位的)元素的大小。如果弹出窗口的 DOM 是动态更改的,情况也是如此。因此,通常不需要设置弹出窗口的高度。

    【讨论】:

    • 在我看来,最大高度好像是 600 像素。也许它因屏幕分辨率而异?
    【解决方案2】:

    如果您的弹出窗口仅用于更新扩展程序的设置。最好的方法是创建一个名为options_page 的单独设置页面,而不是弹出窗口。

    关于 options_page 的参考是here

    【讨论】:

    • 我的扩展是一种标签管理器,所以它不可能是选项页。
    【解决方案3】:

    弹出窗口的大小应适合里面的(相对定位的)内容。或者,您可以在弹出页面的主体上设置height CSS 属性,以将其强制设置为特定高度。

    您还可以通过在 body 上设置 overflow: hidden; 来隐藏滚动条。

    【讨论】:

    • 它完全适合高达 489 像素,如果大于此数字则显示滚动条
    【解决方案4】:

    在 css 中为 htmlbody 元素设置 height

    【讨论】:

    • 谢谢!您必须将 height CSS 属性添加到 HTML 元素,而不仅仅是 BODY
    • 好的.. 很抱歉,但我似乎无法弄清楚如何获得对 html 元素的引用.. ?
    • 不能在 wows 上工作
    • 那些声称它不起作用的人:您确定您使用的是 CSS 方法吗?例如<html style="height: 300px;"><body style="height: 300px;">
    • 它也不适合我。我发现在身体内部的元素上填充可以破坏高度参数。
    猜你喜欢
    • 1970-01-01
    • 2011-09-27
    • 1970-01-01
    • 2012-06-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-12
    • 2012-05-07
    相关资源
    最近更新 更多