Merhaba hocam,

Bunu CSS kodları ile halledebileceğinizi düşünüyorum. Örnek vermek gerekirse önce resimi 'responsive' olarak çağıralım.

<img src="resim.jpg" alt="Nature" class="responsive">

Fotoğrafımızı çağırdık şimdi sıra mobile uyumlu hale getirmekte.

.responsive {
 width: 100%;
 height: auto;
}

Tabii ki bunu yaparken web sürümü de göz önünde bulundurmak var diyelim ki resminizin 400px'den büyük görünmemesini istiyorsunuz o halde yazmamız gereken kod şu olacaktır;

.responsive {
 width: 100%;
 max-width: 400px;
 height: auto;
}

Not: Bu yaptığımız kod sadece responsive olarak çağırdığımız resimlerde olur eğer tüm resimlerde bunu sağlamak istiyorsanız css kodu şöyle olmalı;

img {
 width: 100%;
 height: auto;
}

Daha fazla bilgi almak için:
https://www.w3schools.com/css/css_rwd_images.asp
https://www.w3schools.com/howto/howt...responsive.asp



Yanlışım var ise daha bilgili hocalarım düzeltecektir.