3

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

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

伦敦银行同业拆借利率

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

4

2 回答 2

4

就像这里所说的，解决这个问题的好方法正在改变<html> to <!doctype html>

于 2013-01-31T16:25:27.160 回答
1

我的扩展程序和 Windows 7 上的 Chrome 19 也是如此。我必须注意，以前版本的 Chrome 没有问题。正如您所说，问题仅在弹出窗口的第一次出现时出现 - 之后它会正确缩小）。

我在我的扩展中使用 jQuery，我想我已经通过添加部分解决了它

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

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

编辑。这应该保证始终有效（使用您的提示），尽管用户可能会在几分之一秒内看到调整大小：

    $(window).load(function() { 
        $("body").fadeOut(10, function() { $(this).show(); }); 
    });
于 2012-06-05T18:21:33.760 回答