Как вставить картинку большого размера в блок с конкретными шириной и высотой?

Question

[Валентин Попов]

Подскажите пожалуйста правильно ли я делаю вставку картинок в блок с конкретной высотой и шириной. Т.е мне надо чтобы картинка с большими размерами масштабировалась под эти габариты 300Х300. Вот мой код
https://jsfiddle.net/oeaw1vx0/

Как при таком способе адаптивным делать изображение? на каждом расширении экрана менять высоту у картинки?

Comments

[WapSter]

Если конкретно чтобы 300х300 и никак иначе,в адаптиве править эти пропорции решения другого нет.

[Сергей delphinpro]

У экрана не расширение, а разрешение

Answer 1

[Sergo Zar]

Просто сделай так:
Html:
<div><img src="#"></div>
Css:

div{width:300px;height:300px;}
img{width:100%;}

Вот и всё

Comments

[WapSter]

Ничего не выйдет) тогда нужно будет для обертки задавать высоту в адаптиве.