Как подогнать размеры картинки на css?

Question

[swcalc]

Есть див, с процентными высотой и шириной, как подогнать картинку, чтобы она имела ширину и высоту не превышающие значения от див?
Желательно на чистом css. Заранее, спасибо!

Answer 1

[Сергей delphinpro]

background-size: contain;
или если картинка

img {
max-width:100%;
max-height:100%;
}

Comments

[swcalc]

Картинка, если оригинальная высота превышает размер див, обрезается..

[Сергей delphinpro]

swcalc: хм, либо вы лукавите, либо мой браузер =) jsfiddle.net/6ufpx5pL

[swcalc]

Сергей: Да, спасибо, причина была из-за двух св-тв height: auto; max-height: 100%; https://jsfiddle.net/6ufpx5pL/1/

Answer 2

[Андрей]

max - width, max - height

Comments

[swcalc]

Картинка, если оригинальная высота превышает размер див, обрезается..