Comment faire une image réactive à l'intérieur d'un div

Mon code est comme Suit:

<div class="abc">
    <div class="bcd">
        <a href="#">
            <img class="img1" width="50" height="50"/>
        </a>
        <a>
            <h3>Some Text</h3>
        </a> 
    </div>
    <div class="bcd">
        <a href="#">
            <img class="img1" width="50" height="50"/>
        </a>
        <a>
            <h3>Some Text</h3>
        </a> 
    </div>
    <div class="bcd">
        <a href="#">
            <img class="img1" width="50" height="50"/>
        </a>
        <a>
            <h3>Some Text</h3>
        </a> 
    </div>
    <div class="bcd">
        <a href="#">
            <img class="img1" width="50" height="50"/>
        </a>
        <a>
            <h3>Some Text</h3>
        </a> 
    </div>
</div>

Comment puis-je faire de l'image responsive pour Mobile(360X640px) et iPad(768X1024px)?
Pouvez-vous svp me donner le Code CSS?

Je dois donner deux Images de la téléphonie Mobile et Quatre dans l'iPad en une seule ligne!!

définir la largeur et la hauteur en pourcentage.
Veuillez lire le code!!
plz me dire quel code??
ont donner deux Images de la téléphonie Mobile et Quatre dans l'iPad en une seule ligne!! et C'est le Problème!!

OriginalL'auteur Kusumakar Pant | 2014-07-11