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.