Cara Supaya Gambar Jadi Responsive ?

Cara biar gambar jd responsive gimana ?(syntax CSS nya)

avatar KrishnaRamain
@KrishnaRamain

13 Kontribusi 9 Poin

Diperbarui 6 tahun yang lalu

5 Jawaban:

coba ini gan

 img{
height:100%;
width:auto;
}
avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 6 tahun yang lalu

bikin Wrappernya mas :D

......


.wrapper-image {
  position: relative;
  overflow: hidden;
}

.wrapper-image .img {
  display: block;
  width: 100%;
}

avatar FIERMAND
@FIERMAND

16 Kontribusi 5 Poin

Dipost 6 tahun yang lalu

diatur tiap layarnya


@media screen and (min-width: 480px) {
    img {
       display: block;
       width: 100%;
    }
}

avatar Ipinppc
@Ipinppc

27 Kontribusi 5 Poin

Dipost 6 tahun yang lalu

Dibikin auto responsible....

avatar BianDj
@BianDj

12 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

  img
{ max-width: 100% !imporant;
   max-height: 100% !important; }

Jdi klo di resize dia ikutin ukuran aslinya gan.. jdi ga pecah gambarnya ato kurang enak diliat.. cmiiw

avatar reihanagamsk
@reihanagamsk

125 Kontribusi 41 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban