<div class="wrap">
<img class="img" src="" />
</div>
.wrap {
overflow: hidden;
100%;
height: 0;
padding-bottom: 50%;
}
.img {
100%;
}
<div class="wrap">
<img class="img" src="" />
</div>
.wrap {
overflow: hidden;
100%;
height: 0;
padding-bottom: 50%;
}
.img {
100%;
}