northfire
@northfire

Как управлять img через css?

Добрейшего времени суток!)
как не странно, но это аут)) мне в продже надо юзать имаги 2х (именно тег img), без вот этих всех вариаций для ритины и тд. Просто будет загружаться 1 имага и мне её надо уменьшить в 2 раза пропорционально. думал что это просто) но не пошло)
в итоге имага уменьшается, а вот у родителя остается место.(красный бг) и вот как быть? какие варианты?
p/s/ управлять пропорциями надо только через css.

https://codepen.io/northfire/pen/mdqPgoo
  • Вопрос задан
  • 118 просмотров
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
При таких вводных, мне кажется нормального решения нет.
Если не смущает статус Non-standard, то подойдёт свойство zoom
https://developer.mozilla.org/en-US/docs/Web/CSS/zoom
Support: https://caniuse.com/css-zoom

img {
  zoom: 0.5;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы