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

Есть такой код
$(function(){

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

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


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

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

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

Извиняюсь, проблема была не в JQ.
Высоту элемента $('.tile div') задавал через Less, относительно родителя, а ширину относительно высоты через скрипт. И именно Less при переходе в полноэкранный режим не пересчитывал высоту при изменяющихся размерах родителя. Решил заданием высоты также через скрипт
  • Вопрос задан
  • 226 просмотров
Решения вопроса 2
@amorphine
$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e)
{
    //do something;
});
Ответ написан
@agaliullin
CEO & Founder of Futureinapps, LLC
window.addEventListener('resize', (e)=>{
      let width = e.target.innerWidth;
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
AD-VI Нижний Новгород
от 30 000 до 50 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
24 янв. 2019, в 11:54
5000 руб./за проект
24 янв. 2019, в 11:53
5500 руб./за проект
24 янв. 2019, в 10:51
500 руб./за проект