为什么jquery .height()在chrome上得到不同的结果?

问题描述

这是chrome显示div的宽度和高度的方式:

This is how chrome show the width and height of the div :

这是正确的，实际上高度是1466.但是，如果我这样做的话:

which is correct, in fact the height is 1466. But, if I do this :

$(document).ready(function () {
    console.log($('#container-altezza-fisso').height());
});

它打印1418.它没有任何填充/边距.为什么?我该如何解决?

it prints 1418. It doesnt have any padding/margin. Why? And how can I fix it?

推荐答案

这是因为在DOMReady上，某些图像未完全加载.您应该在窗口加载时调用高度.

That's because on DOMReady some images are not loaded completely. You should call the height on window load.

$(window).load(function(){
    console.log($('#container-altezza-fisso').height());
})

您也可以使用outerHeight:

console.log($('#container-altezza-fisso').outerHeight());

这篇关于为什么jquery .height()在chrome上得到不同的结果?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！