JavaScript неправильный размер окна

Question

Я возился с некоторым кодом и применял/удалял классы на основе размера окна, и я столкнулся с странной ошибкой. Я подтвердил, что я использую масштабирование по умолчанию (если это имеет значение), и я реплицировал проблему в FF & Chrome.

У меня есть обработчик события resize, который я использую для контроля значения ширины окна javascript по сравнению с фактическим значением (у меня есть расширение хром, которое показывает окно ширины видового окна при изменении размера, а также bootstrap viewports попадают точно так же, как и в 992px, 1200px и т. д., поэтому я знаю, что значение javascripts отключено по какой-то причине, а не наоборот)

По какой-то причине при изменении размера окна значение ширины окна который отображается в console.log, всегда на 21px меньше фактического размера экрана. Это код, который я использую для теста:

var w = 0; 
    $(function() { 
     w = $(window).innerWidth() || $(window).width(); 
    }) 

    $(window).resize(function() { 
     if (w != $(window).innerWidth()) { 
      w = $(window).innerWidth() || $(window).width(); 
      console.log(w); 
     } 
    }); 

Answer 1

Дайте этому попытку:

var iw = $('body').innerWidth(); 

jsBin demo

Ответ от: https://stackoverflow.com/a/8340177/504836