N
хотя решение не очень, буду искать дальше
Size: a a a
2020 March 29
П
L
А object-fit: cover никак не заюзать?
там через бекграуунд
К
Привет, установил полифил для object-fit, чтобы можно было юзать в ИЕ 8 - 11 (fitie.js). Он получается работает только при определенном размере экрана? То есть обычный object-fit видно как подстраивается если уменьшать размер экрана, а если использовать скрипт, то в ИЕ он не подстраивается в реальном времени, но если обновить страницу на нужном размере картинка встанет нормально. Это так работает?
ZA
там через бекграуунд
так есть background-size: cover
L
так есть background-size: cover
да
N
так есть background-size: cover
transition не срабатывает при ховере, на свойство background-size: 120%
N
При scale выходит проблема что весь блок с дочерними элементами увеличивается, а необходимо только бэкграунд. Думаю позишн абсолют на дочерний элемент может вылечить, позже попробую
ZA
если картинки задать max-width: 100% и скейлить её с object-fit: cover, то она не будет увеличивать
только надо будет overflow% hidden поставить
только надо будет overflow% hidden поставить
N
если картинки задать max-width: 100% и скейлить её с object-fit: cover, то она не будет увеличивать
только надо будет overflow% hidden поставить
только надо будет overflow% hidden поставить
это же если ставить без бэкграунда. Похоже так и поступлю
ZA
да блин, в интернете таких кейсов куча, чуть ли не в каждой статье
image scale on hover
image scale on hover
ZA
в гугл и всё
ZA
проблема решена, не надо привлекать кучу людей для такого распространённого кейса
ZA
сначала ж гугл, а потом уже чаты
m
Публика, схожу с ума. Как во флексах растянуть айтемы на всю высоту контейнера?
Есть контейнер высоток 250 пикселей. Как айтемы заставить быть этой высоты? Типа как stretch на гридах, но я что-то туплю сильно...
Есть контейнер высоток 250 пикселей. Как айтемы заставить быть этой высоты? Типа как stretch на гридах, но я что-то туплю сильно...
KA
Публика, схожу с ума. Как во флексах растянуть айтемы на всю высоту контейнера?
Есть контейнер высоток 250 пикселей. Как айтемы заставить быть этой высоты? Типа как stretch на гридах, но я что-то туплю сильно...
Есть контейнер высоток 250 пикселей. Как айтемы заставить быть этой высоты? Типа как stretch на гридах, но я что-то туплю сильно...
align-items: stretch
m
align-items: stretch
Так [тык] будет проще, ибо я туплю
m
Бордер добавил только что для видимости
m
Реально, даю контейнеру stretch — не работает. Что за бред? ._.