Bug ou tem diferença mesmo? "width()" - "innerWidth"

[Omar~ 87]

Primeiramente não é problema só curiosidade mesmo....

Ambas funções não deveriam retornar o mesmo resultado?

1 -

Spoiler

$(document).ready(function () {
    function larguradatela() {
        var tamanho = $(window).width();
        $('#teste-largura').text('LARGURA : ' + tamanho);
    }
    $(window).resize(function () {
        larguradatela();
    });
    larguradatela();
});

 

 

2 -

Spoiler

$(document).ready(function () {
    function larguradatela() {
        document.getElementById("teste-largura").innerHTML = "LARGURA : " + window.innerWidth;
    }
    $(window).resize(function () {
        larguradatela();
    });
    larguradatela();
});

 

 

 

Bem criei isso para pegar a largura a tela, assim podendo ter um controle melhor quando desenvolvo responsivos. (E isso é uma mão na roda)

 

Acontece o seguinte na primeira função usando a somente a jQuery tenho um resultado de resolução da página que não fica correta, tenho um retorno a menos que de fato está a resolução de tela.

Já na segunda tenho a resolução precisa.

A resolução é baseada no driver de vídeo, sendo que a segunda como disse acerta exatamente.

 

Mas então em ambos os casos não deveria ser a mesma coisa?