Почему когда задаю высоту блока через jqeury не срабатывает box-sizing?

Question

[MaxKondratenko]

Чет туплю видимо где то ) и не могу понять где )
есть у меня допустим





в css

header {
width: 100%;
box-sizing: border-box;
padding: 10%;
}

js

function resize() {

var hei = ($(window).width());

$('body').css('font-size', ''+hei/84+'px');
$('nav').height(''+hei/25.4+'px');
$('header').height(''+hei/1.99+'px');

}

$(document).ready(function() {
resize();
}

Когда делаю отступы по идее при использовании box-sizing: border-box; размер блока не должен меняться... , конечно если задать высоту железно , то всё в порядке, но если я задаю высоту через jquery... то блок увеличивается в зависимости от величины отступа
Подскажите где туплю...

Answer 1

[MaxKondratenko]

Сам же написал и после написания сразу дошло ... )))
нужно высоту задавать по другому )
не вот так $('header').height(''+hei/1.99+'px');
а вот так $('header').css('height', ''+hei/1.99+'px');