我有一个已经被问过的问题 here ,但那里提供的解决方案不起作用。问题是我正在使用 jQuery height() 函数返回 div 的高度。它在 Firefox 中运行良好,但在 Chrome 中返回一个小 300px 的值...
您可以查看此错误的示例 here .虽然我必须说它是希伯来语。虽然这应该没什么大不了的......
有没有人遇到过这种情况?下面是计算高度的代码:
var heightLeftCol = $('#leftCol').height();
var sidebarHeight = $('#sidebar').height();
var minHeight = heightLeftCol > sidebarHeight ? heightLeftCol : sidebarHeight;
$('#postArea').css('min-height', minHeight+100);
编辑:这个问题未修复但解决了我不喜欢的方式,但现在可以解决。这是我想出的“解决方案”:
if (jQuery.browser.safari) {
$('#postArea').css('min-height', minHeight+400 + 'px');
}
else {
$('#postArea').css('min-height', minHeight+100 + 'px');
}
由于 Safari 和 Chrome 都在 WebKit 上运行,browser.safari
实际上也选择了 chrome。我绝对不认为这是最佳解决方案。
谢谢! 阿米特
最佳答案
在 Chrome 中,div 的高度不包括 300 像素高的图像“sheli.jpg”的高度,因为它没有在 html 或 css 中指定。如果您在 标签或 height: 300px;
中指定 height="300"
作为其样式的一部分,它将起作用。
关于jquery - 使用 jQuery 计算高度在 Firefox 和 Chrome 中有所不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5205838/