Fit Gambar Di Sebuah Div

Gan gimana sih caranya biar gambar tuh ga pecah atau strech .. pengen bisa kaya gini gimana gan hehehe

avatar dicqm
@dicqm

17 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

5 Jawaban:

Mending pakai boostrap aja gan.

<pre> &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;picture&gt; &lt;source srcset="img_smallflower.jpg" media="(max-width: 600px)"&gt; &lt;source srcset="img_flowers.jpg" media="(max-width: 1500px)"&gt; &lt;source srcset="flowers.jpg"&gt; &lt;img src="img_smallflower.jpg" alt="Flowers"&gt; &lt;/picture&gt; </pre>

Ikutin ajah dari situs berikut: <a href='https://www.w3schools.com/html/html_responsive.asp '>https://www.w3schools.com/html/html_responsive.asp </a>

avatar omysurya
@omysurya

5 Kontribusi 3 Poin

Dipost 6 tahun yang lalu

kalo native gabisa gan?? :(

avatar dicqm
@dicqm

17 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

gampangnya sediain gambar dgn ukuran besar, terus kasih image wrapper

avatar RizkiSoeryansyah
@RizkiSoeryansyah

2 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

<pre> main di css background: url(blabla) contain; </pre>

avatar sanlie
@sanlie

22 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

udah solved gan :D Thanks :D (y)

avatar dicqm
@dicqm

17 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban