Итак, у меня есть переменная, которая получает определенное количество пикселей из ширины элемента, например:
let slide__width = slides[0].getBoundingClientRect().width;
слайды - это массив изображений в карусели.
Я устанавливаю положение всех слайдов в функции, используя формулу:
function setSlidePos(slide, index) {
slide.style.left = slide__width * index + "px";
}
slides.forEach(setSlidePos)
Все работает нормально, но сейчас я делаю css для больших экранов, и когда я пытался чтобы изменить размер слайдов, я понял, что всякий раз, когда я увеличиваю / уменьшаю масштаб, эта переменная slide__width остается неизменной, поэтому, когда я изменяю размер слайдов, они начинают перекрывать друг друга, потому что они по-прежнему используют ту же ширину для позиционирования, что и в исходном ширина. Думаю, я мог бы решить эту проблему, если бы эта переменная обновлялась всякий раз, когда пользователь увеличивает / уменьшает масштаб? Я попытался найти ответ здесь и в Google, но ничего не нашел :(