Reklam Bannerlarını Mobile Uyarlamak için CSS yardımı ?

Merhaba arkadaşlar aşağıda ki kodları foruma eklediğimde Bilgisayardan açıldığında 468x60 genişliğinde açılmasını ama telefonlada mobile uygun açılmasını nasıl sağlayabilirim ?
CSS kod bilgim yok. O yüzden hiç bilmeyen birine anlatır gibi basit bir anlatım paylaşırsanız sevinirim.


<div align="center"><a rel="nofollow" href="https://www.siteadi.com" target="_blank"><img class="bdrcevre" src="banner/reklam1.gif" alt="reklam" width="468" height="60"></a>&nbsp;<a rel="nofollow" href="https://www.siteadi.com " target="_blank"><img class="bdrcevre" src="banner/reklam2.gif " alt="reklam" width="468" height="60"></a></br><a rel="nofollow" href="https://www.siteadi.com " target="_blank"><img class="bdrcevre" src="banner/reklam3.gif " alt="reklam" width="468" height="60"></a>&nbsp;<a rel="dofollow" href="https://www.siteadi.com" target="_blank"><img class="bdrcevre" src="banner/reklam4.gif " alt="reklam" width="468" height="60"></a></div>

hocam anydesk veya tw atarsanız yardımcı olayım.

<div align="center"><a rel="nofollow" href="https://www.siteadi.com" target="_blank"><img class="bdrcevre" src="banner/reklam1.gif" alt="reklam" style="max-width:468px;width:100%;height:60px;"></a>&nbsp;<a rel="nofollow" href="https://www.siteadi.com " target="_blank"><img class="bdrcevre" src="banner/reklam2.gif " alt="reklam" style="max-width:468px;width:100%;height:60px;" ></a></br><a rel="nofollow" href="https://www.siteadi.com " target="_blank"><img class="bdrcevre" src="banner/reklam3.gif " alt="reklam" style="max-width:468px;width:100%;height:60px;" ></a>&nbsp;<a rel="dofollow" href="https://www.siteadi.com" target="_blank"><img class="bdrcevre" src="banner/reklam4.gif " alt="reklam" style="max-width:468px;width:100%;height:60px;" ></a></div>

Bu şekilde deneyebilir misiniz?

İlginiz için Teşekkür ediyorum hocam.
P.m gönderiyorum.

width değerini pixel değil de % değeri olarak girerseniz ekran çözünürlüğüne göre otomatik olarak girdiğiniz % değer kadar kendini ayarlar.

Mesela aşağıda örnek verdiğim kodu kullanırsanız her çözünürlükte düzgün görünecektir.

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

Ancak bunu kullanmanız için kullandığınız görselin düşük çözünürlükte olmamasını öneririm. Burada verdiğimiz 100% örneği ekranın tamamına sığacak şekilde kendini ayarlıyor. Bu değeri 50% yapsaydık sadece ekranın %50'si kadar yer kaplayacaktı.

Mobil ve masaüstü versiyonlarında farklı çözünürlüklerde olsun istiyorsanız da CSS Media Query araştırması yapın Google üzerinde.

Kolay gelsin.

ılginiz için çok teşekkür ediyorum kıymetli dostlar.
Yüreğinize sağlık.
Sağolsun @website; anydesk ile bağlanarak uygulamayı gerçekleştirdi.

Bende, yeni bir bilgi daha öğrenmiş oldum.

Merhaba,

masaüstü bannerlar çoğu zaman mobilde düzgün görüntülenmiyor. Bu yüzden media içerisinde mobil özelinde hazırlanmış görsel kullanılması daha faydalı olacaktır.

rica ederim hocam, her zaman