Почему не применяется условие jquery?

Question

[LoveCodeandCoffe]

if (hh<= 640) {
  	$('.header_tex').css('font-size', '30px');
  	$('.header_tex').css('line-height', '39px');
  	$('.text_section1').css('font-size', '30px');
  	$('.text_section1').css('line-height', '39px');
  }

  if (hh<= 420) {
  	$('.header_tex').css('font-size', '20px');
  	$('.header_tex').css('line-height', '26px');
  	$('.text_section1').css('font-size', '20px');
  	$('.text_section1').css('line-height', '26px');
  } 

  if  (hh<= 320) {
  	$('.header_tex').css('font-size', '14px');
  	$('.header_tex').css('line-height', '21px');
  	$('.text_section1').css('line-height', '21px');
  	$('.text_section1').css('font-size', '14px');
  }

Почему при размере экрана больше чем 320px. Размер шрифта не становиться равным 20px? а остается 14px? Хотя когда, размер экрана становиться больше 640px, условие выполняется и шрифт становиться 30px

Answer 1

[LoveCodeandCoffe]

P.S Все сам разобрался можно удалить пост) Оказывается я хотел выполнять скрипт при изменении высоты а не ширины) переменную var hh = $('#hh').height(); поменял наvar hw = $('#hh').width();
P.S разобрался, нужно также делать проверку на ориентацию устройства landscape/portrait
конечное условия для моей задачи выглядеть так

if (hh<= 320) {
  	$('.header_tex').css('font-size', '14px');
  	$('.header_tex').css('line-height', '21px');
  	$('.text_section1').css('font-size', '14px');
  	$('.text_section1').css('line-height', '21px');

  	
  	if(window.innerHeight < window.innerWidth){
  		$('.header_tex').css('font-size', '20px');
  		$('.header_tex').css('line-height', '26px');
  		$('.text_section1').css('font-size', '20px');
  		$('.text_section1').css('line-height', '26px');
  	}
  }