Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
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?
3 Jawaban:
kalo height buat gambar coba dibikin auto aja
img{
height:auto;
}
sama ane juga lagi coba cari untuk gambar responsive, geraknya kayak di situs mataharimall.com (bukan promo)
itu gimana ya?
kalo height dan width disi, gambanya bakal di paksa selebar dan setinggi itu.. salah satu kasi auto aja
