Sayfanın boyutuna göre banner

Merhaba arkadaşlar
ücretli-ücretsiz bir konuda yardıma ihtiyacım var.
Sayfa mobil uyumlu. Sayanın boyutuna göre banner getirmesi nasıl sağlanır ?

Mobilde x*x ölçü
Masaüstü x*x ölçü şeklinde

Yardımlarınızdan dolayı şimdiden teşekkürler

php'ye gerek yok hocam http://getbootstrap.com/css/#grid bootstrap kullanabilirsin. 2 Görseli eklersin vereceğin classlarla istediğin gibi gösterebilirsin.

Çok teşekkürler hocam

2 görseli eklemek, görsel boyutları büyükse mobilde yavaşlık sorununa sebep olacaktır. jQuery ajax ile getirmelisiniz. PHP ile ekran boyutunu alamayacağınızdan boyutları POST veya GET verisi ile ajax üzerinden göndermeli, ajax çalışan sayfada da gelen boyut bilgisine göre banner verilmelidir.

<img scr="<?php echo $resim;?>" style="with=100%; height="auto;"/>

Hocam bunu uygulamalı olarak gösterebilir misiniz ?

x bir .php sayfasında nasıl kullanılacak şekilde.

zaten uygulamalı yazmıştım kodu. şöyle ki;
$resim değişkenine herhangi bir görsel atandığını ve bootstrap kullandığınızı farzedelim. banner kullandığınız alan

<div class="col-sm-6 col-xs-12"><img class="img-responsive" src="<?php echo $resim; ?>" alt="<?php echo $title;>" /></div>

şeklinde kullanırsanız ve css tarafında resmi etkileyen başka herhangi bir kalıtsal değer yoksa resim mobilde tam ekran, diğer boyutlarda ekranın alanın yarısı (col-sm-6) ölçüsünde çıkacak ve yüksekliği esnek olup resmin genişliğine göre değişecektir.

bootstrap kullanmıyorsanız

<div class="banner"><img src="<?php echo $resim; ?>" alt="<?php echo $title;>" /></div>

şeklinde kullandığınızı farz edelim. bu durumda css dosyanız aşağıdaki gibi olmalı

.banner img{width:100% !important; height:auto;}

!important eklerseniz mutlak suretle tam genişlikte ve uygun yükseklikte gözükecektir.

Mükemmel sonuç
teşekkür ederim