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

标签 javascript html css google-chrome google-chrome-extension

在我为 Chrome 制作的扩展程序中,我将弹出窗口的宽度和高度定义为 600 x 300 px。在 Chrome 最近更新到 Chrome 27 之前,它一直运行良好。

enter image description here

从上面的图片截图可以看出,我已经通过CSS设置了宽度和高度,但是它仍然在弹窗的底部显示了30px的空隙。这令人沮丧,因为无论我尝试什么,差距仍然存在。页面外没有任何 float ,我也将body设置为overflow: hidden

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

那么我怎样才能使它的大小正好是 600 x 300(在 Chrome 27 中)?

最佳答案

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

关于javascript - 弹出窗口的大小与其内容不匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15847776/

相关文章:

css - 在 Angular2 中创建具有固定页眉和页脚的登录页面

javascript - flex CSS 菜单

javascript - Chrome canvas 2d context measureText 给我奇怪的结果

jquery - <a> 中的图像在 IE 浏览器中不显示?

css - 对于 CSS 和 HTML5,我什么时候应该使用静态、绝对、固定或相对定位?

html - 存在浏览器差异问题 (Firefox) - 包装器的溢出和/或高度

javascript - jQuery + 表格排序器 : Error when table is empty

javascript - 魔线响应JQuery

javascript - 如何使用javascript更改div中的图像src?

html - #id h1, h2, h3 { } 被之前的 #id h1, h2, h3 { } 覆盖