Resimleri responsive hale getirmek için css dosyamıza aşağıdaki kodları ekleyerek mobil aygıtlara uyumlu hale getirebiliriz. CSS Dosyasının İçerisine Yazılacak Kod ;
img {
max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
}
Css özelliğini ana etiket olan img tagına tanımladığımız için html kısmına herhangi bir class veya ıd vermemize gerek yoktur.
Not : Bootstrap kütüphanelerini kullandığınız sitelerde class olarak “img-responsive” kullanırsanız resimleriniz hiç bir kod yazmaya gerek duymadan responsive hale gelecektir.
Örnek Kullanım : < img src=”ornek.jpg” class=”img-responsive”>
harika bir açıklama olmuş.
yararlı bilgileriniz için çok teşekkür ederim saolun.
Dostum teşekkur ederım tam ıstedıgım seydı
teşekkür ederim
teşekkürler kardeşim işime yaradı sağolasın.