弹出窗口的大小与其内容不匹配

Question

在我为Chrome制作的扩展程序中，我将弹出窗口的宽度和高度定义为600 x 300 px。它以前工作完全正常，直到最近的Chrome更新到Chrome浏览器27

从图片上面的截图，你可以看到，我已通过CSS的宽度和高度，但它仍然显示了一个30像素的差距在弹出框的底部。这是令人沮丧的，因为不管我尝试过什么差距仍然显示出来。页面外没有任何东西在浮动，我还设置了body到overflow: hidden。

window.resize(/* */); //won't do anything different 

那么，怎样才能让我的大小为（在Chrome 27）究竟600 x 300？

Answer 1

尝试使用背景大小的属性，如background-size:100% 100%;为其具有该背景的父元素。