Javascript 浏览器动作高度赢得';t重置
我正在开发一个扩展,它将根据您的文本给您一个响应,这是有效的,而且非常好,但是浏览器操作的高度不会重置 为了解决这个问题,我尝试使用window.resizeTo调整窗口的大小,并尝试使用jQuery手动设置“html”和“body”的高度。什么都没起作用。这是谷歌浏览器的错误还是我做错了什么这不能使它工作,因为它保持相同的大小。 正如您在图片中看到的,窗口开始时大小完美,然后我输入一个问题,然后返回到比最初更大的窗口Javascript 浏览器动作高度赢得';t重置,javascript,jquery,google-chrome,google-chrome-extension,google-chrome-devtools,Javascript,Jquery,Google Chrome,Google Chrome Extension,Google Chrome Devtools,我正在开发一个扩展,它将根据您的文本给您一个响应,这是有效的,而且非常好,但是浏览器操作的高度不会重置 为了解决这个问题,我尝试使用window.resizeTo调整窗口的大小,并尝试使用jQuery手动设置“html”和“body”的高度。什么都没起作用。这是谷歌浏览器的错误还是我做错了什么这不能使它工作,因为它保持相同的大小。 正如您在图片中看到的,窗口开始时大小完美,然后我输入一个问题,然后返回到比最初更大的窗口 弹出窗口不能小于其内容和/或CSS允许的大小 通过检查弹出窗口(右键单击它
弹出窗口不能小于其内容和/或CSS允许的大小 通过检查弹出窗口(右键单击它并选择
Inspect popup
),找到占据整个高度的元素和/或CSS规则,指向
内的各种元素,查看它们高亮显示并显示其实际高度。如果所有元素都比弹出窗口小,这可能只意味着您在
或
上有一个CSS规则,用于指定最小高度。如果可能,从CSS中删除该规则或覆盖它
您案例中的问题是第三方样式中的CSS规则html{min height:100%}
为body
和html
设置height
和minheight
,例如:
document.body.style.height = '0px';
document.body.style.minHeight = '0px';
document.documentElement.style.height = '0px';
document.documentElement.style.minHeight = '0px';
或者使用
'auto'
而不是'0px'
@wOxxOm如果你真的读了我的文章,你会看到我描述了这一点,因为它在这里不起作用。唯一明显的情况是,根据CSS框模型,有一个更高的内部元素。@wOxxOm我将空白浏览器操作的高度设置为600px,然后再设置回0px,并且没有调整大小。Chrome似乎有问题。@wOxxOm如您所见,html高度为0px,但操作仍为152px,让我们看看。