as
Андрей Попов
Как отследить изменение ширины окна браузера? В useEffect?
в useEffect window.addEventListener("resize")
Size: a a a
2021 January 23
VB
Андрей Попов
Как отследить изменение ширины окна браузера? В useEffect?
на событие resize можно повесить обработчик и в этой функции уже делать что-то. Не совсем понятно зачем именно в useEffect вы хотите это отследить
as
as
Андрей Попов
Как отследить изменение ширины окна браузера? В useEffect?
as
Андрей Попов
Как отследить изменение ширины окна браузера? В useEffect?
но лучше ответить зачем тебе нужно?
АП
Благодарю, что-то из этого явно заработает как мне нужно)
as
Андрей Попов
Благодарю, что-то из этого явно заработает как мне нужно)
опиши задачу
возможно тебе и не придется следить за ресайзом окна через js
возможно тебе и не придется следить за ресайзом окна через js
АП
но лучше ответить зачем тебе нужно?
При изменении ширины экрана менять количество колонок в галлерее
as
Андрей Попов
При изменении ширины экрана менять количество колонок в галлерее
а количество колонок задается в каком-то компоненте через пропс?
такую задачу через css явно можно решить
такую задачу через css явно можно решить
АП
а количество колонок задается в каком-то компоненте через пропс?
такую задачу через css явно можно решить
такую задачу через css явно можно решить
Можно решить если картинки в такой галерее определенного размера, в моем случае они произвольного размера, сетка получается рваной. Пример такого случая - unsplash, можете проверить. Может я чего-то не понимаю и это можно реализовать по другому, то буду рад услышать совет)
RU
а количество колонок задается в каком-то компоненте через пропс?
такую задачу через css явно можно решить
такую задачу через css явно можно решить
люди боятся цсс
as
Андрей Попов
Можно решить если картинки в такой галерее определенного размера, в моем случае они произвольного размера, сетка получается рваной. Пример такого случая - unsplash, можете проверить. Может я чего-то не понимаю и это можно реализовать по другому, то буду рад услышать совет)
как вариант сделать все картинки одинакового размера
.image {
max-width: 300px;
width: 100%;
}RU
Андрей Попов
Можно решить если картинки в такой галерее определенного размера, в моем случае они произвольного размера, сетка получается рваной. Пример такого случая - unsplash, можете проверить. Может я чего-то не понимаю и это можно реализовать по другому, то буду рад услышать совет)
скорей всего можно решить гридами через min max
АП
как вариант сделать все картинки одинакового размера
.image {
max-width: 300px;
width: 100%;
}Можно, но мне такой вариант не подходит
RU
Андрей Попов
Можно решить если картинки в такой галерее определенного размера, в моем случае они произвольного размера, сетка получается рваной. Пример такого случая - unsplash, можете проверить. Может я чего-то не понимаю и это можно реализовать по другому, то буду рад услышать совет)
и вообще гуглани css masonry
as
Андрей Попов
Можно, но мне такой вариант не подходит
а unsplash не поддерживает медиазапросы?
АП
скорей всего можно решить гридами через min max
Сколько вариантов просмотрел, пришел к выводу что именно такого поведения не горидами все равно не получишь. Там одна картинка может заполнять две три пять строк, но это все равно прямоугольная сетка, в unsplash явно не так
АП
и вообще гуглани css masonry
Проверю
АП
а unsplash не поддерживает медиазапросы?
Ну полюбому поддерживает
as
Андрей Попов
Ну полюбому поддерживает
я не про цсс
имел в виду как в swiper
имел в виду как в swiper
<Swiper
breakpoints={{
// when window width is >= 640px
640: {
width: 640,
slidesPerView: 1,
},
// when window width is >= 768px
768: {
width: 768,
slidesPerView: 2,
},
}}
>
{slides}
</Swiper>