динамическое отслеживание ширины экрана
Здравствуйте. Подскажите как можно отслеживать ширину экрана в реальном времени. Задача в следующем, есть карусель, ее высота должна зависеть от ширины окна браузера, чтобы картинки не растягивались по ширине. Если есть другие методы, возьму на вооружение. Спасибо.
|
window.addEventListener('resize',function(){ alert('Размеры окна изменились'); }); |
vitek-82,
если такие манипуляции понадобились значит вы в каой то момент свернули с правильного пути, ведь это задача CSS |
лучше поэкспериментируйте с 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> |
j0hnik, вы сегодня сделали мой день! Спасибо)
|
Часовой пояс GMT +3, время: 19:15. |