Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara buat gambar di dalam div penuh dalam posisi proporsional di css.
Berikut ini syntaxnya.
-------------------------------------------------------
<style>
.fill {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.fill img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%;
}
</style>
<div class="fill">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTbLEr2OGcAhHu9OheHT0UcoldFaapX1FQKBK6bzK7IqKROMn33az2uq3M84Krccykk8OSmDIMVuaT_u7NGtO_f3nt3FazgFOE8NU7xv3vVcxR_WkZBT5tGIbXDIsCfL9Av_5ThLjh8Bsp/s640/Screenshot_13.png" class="img-responsiv" alt="preview12-explore-images">
</div>
berikut ini gambar asli :
hasil :
tutorial ini berlaku untuk gambar ukuran potrait maupun landscape dengan ukuran fill bisa sobat tentukan sesuai kebutuhan.
-------------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/