Как заставить работать resize() при переходе в полноэкранный режим?

Question

[Артём Жулёв]

Есть такой код

$(function(){

	$('.tile div').width($('.tile div').height())
	
	//Ресайз окна
	$(window).resize(function(){

		$('.tile div').width($('.tile div').height())
		
	})
})

Так вот, при изменении размеров окна мышью (потянув за край), обработчик срабатывает, но когда я перехожу в полноэкранный режим, ширина остается такой же.

Какой обработчик может отследить изменение вьюпорта при переходе в полноэкранный режим?

--------------

Извиняюсь, проблема была не в JQ.
Высоту элемента $('.tile div') задавал через Less, относительно родителя, а ширину относительно высоты через скрипт. И именно Less при переходе в полноэкранный режим не пересчитывал высоту при изменяющихся размерах родителя. Решил заданием высоты также через скрипт

Comments

[Stepanya]

в хроме работает

Answer 1

[amorphine]

$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e)
{
    //do something;
});

Answer 2

[Airat Galiullin]

window.addEventListener('resize', (e)=>{
      let width = e.target.innerWidth;
});