Изображения растягиваются внутри блока которая имеет фиксированные размеры как решить?

Question

[gomer1726]

например див имеет размеры 200-400 то фотки естественно искажаются, миниатюру пилить не охота да и не очень в нем разбираюсь, видел где то писали про лишние марджины только не помню где, так вот как решить все таки эту проблему,
Не то что нужно

img{
   width:100%;
   height:auto;
}

Answer 1

[Grigory S.]

img{
display: inline-block;
max-width: 100%;
height: auto;
vertical-align: middle;
}

Comments

[gomer1726]

изображение должно покрывать весь див

[gomer1726]

а сейчас просто появляется в определенном размере

[Grigory S.]

gomer1726: ну тогда применять изображение фоном для блока с background-size: cover, или johnpolacek.github.io/imagefill.js