Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   динамическое отслеживание ширины экрана (https://javascript.ru/forum/events/72632-dinamicheskoe-otslezhivanie-shiriny-ehkrana.html)

vitek-82 13.02.2018 17:11

динамическое отслеживание ширины экрана
 
Здравствуйте. Подскажите как можно отслеживать ширину экрана в реальном времени. Задача в следующем, есть карусель, ее высота должна зависеть от ширины окна браузера, чтобы картинки не растягивались по ширине. Если есть другие методы, возьму на вооружение. Спасибо.

Nexus 13.02.2018 17:40

window.addEventListener('resize',function(){
    alert('Размеры окна изменились');
});

j0hnik 13.02.2018 18:29

vitek-82,
если такие манипуляции понадобились значит вы в каой то момент свернули с правильного пути, ведь это задача CSS

j0hnik 13.02.2018 18:38

лучше поэкспериментируйте с vh, vw, vmin, vmax

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{
			width:50vw;
			height:50vw;
			border: 1px solid red;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>

vitek-82 14.02.2018 08:49

j0hnik, вы сегодня сделали мой день! Спасибо)


Часовой пояс GMT +3, время: 19:15.