Как задать одинаковый размер по ширине и по высоте картинке?

Question

[gomer1726]

Чтобы при изменений размера блока она сохраняла один и тот же размер.
Ширину задал 100% а вот как быть с высотой мне нужно чтобы она отображалась как квадрат.

Answer 1

[Хазрат Гаджикеримов]

Попробуй так:

1. Использовать background-image: url(путь) вместо img

либо

2. Сделать блок с relative позиционированием + overflow: hidden, а изображение вот так:

max-width: 40px; /* Максимальная нужная ширина*/
    max-height: 40px; /* Максимальная нужная высота */
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;