Cara Membuat Gambar Responsive

Hello, saya pernah mencoba membuat gambar responsive, ukuran original gambar adalah : width="800px" height="450px"

Perintah di css yang saya pakai adalah

@media screen and (max-width: 750px) {
  img{
  width:100%;
  height:100%;
  }
}

Hasilnya jelek sekali, gambar berhasil respinsive sesuai ukuran hp, tapi antara lebar dan tinggi gambar tidak sesuai dengan gambar original, atau tidak seimbang. Bagimana membuat gambar bisa sesuai dengan originalnya?

html

@suwanto

13 Kontribusi 1 Poin

Diperbarui 8 tahun yang lalu

3 Jawaban:

kalo height buat gambar coba dibikin auto aja

img{
 height:auto;
}

@hilmanski

2670 Kontribusi 2132 Poin

Dipost 8 tahun yang lalu

sama ane juga lagi coba cari untuk gambar responsive, geraknya kayak di situs mataharimall.com (bukan promo)

itu gimana ya?

@fdart

1 Kontribusi 0 Poin

Dipost 8 tahun yang lalu

kalo height dan width disi, gambanya bakal di paksa selebar dan setinggi itu.. salah satu kasi auto aja

@manksolin

22 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Cara Membuat Gambar Responsive

Kelas Premium!
Belajar bikin website dari nol sekarang