Question

正如我几天前发现的那样，当你点击一个扩展按钮并弹出窗口时，如果你需要高度小于350px，它的高度远远高于它所需要的高度。当弹出窗口中发生某些事情时（例如动画），根据内容适当调整高度。将高度设置为html，body和general wrapper元素没有帮助。这可能是Chrome最新更新中的一些错误，我无法在早期版本中测试它，因为自动更新。

我会感激任何想法和建议。

Libor的

更新：我开始研究可能导致此行为的原因，并发现这是因为Twitter和Google Plus共享按钮。他们都修改DOM结构添加脚本标签，添加iframe。评论时，弹出气泡的大小正确。奇怪的是Facebook就像按钮脚本或多或少相同，但它根本不会弄乱布局。

Answer 1

就像说here一样，解决这个问题的好方法是改变<html> to <!doctype html>

Answer 2

与我的扩展程序和Windows 7上的Chrome 19相同。我必须注意，以前版本的Chrome没有任何问题。正如你所说的那样，问题只出现在弹出窗口的第一次出现时 - 之后它会正确收缩。）

我在我的扩展程序中使用jQuery，我想我已经通过添加

部分解决了这个问题

    $("body").fadeOut(10).fadeIn(50);

虽然它并不总是有效（如果你增加fadeIn延迟，它可能会发生！）。希望有人能为此提供更好的解决方案。

编辑。此应该保证始终有效（使用您的提示），尽管用户可能会看到调整大小发生的时间只有几分之一：

    $(window).load(function() { 
        $("body").fadeOut(10, function() { $(this).show(); }); 
    });

首次点击时Chrome扩展程序弹出窗口太高

2 个答案: