Même taille d'image pour taille d'écran

Bonjour, je souhaiterais que ces images occupent la même place pour chaque taille d'écran. La même largeur, hauteur, le même écart entre elles...
Je sais pas si je me suis fais comprendre mdr mais voici le code que j'ai déjà fait :

        <div class="holder">
            <a href="img/73825_.jpg" target="_BLANK"><img class="fd1" src="img/73825_.jpg"/></a>
            <a href="img/73826.jpg" target="_BLANK"><img class="fd1" src="img/73826.jpg"/></a>
            <a href="img/fd3.jpg" target="_BLANK"><img class="fd1" src="img/fd3.jpg"/></a>
            <a href="img/fd4.jpg" target="_BLANK"><img class="fd1" src="img/fd4.jpg"/></a>
            <a href="img/fd5.jpg" target="_BLANK"><img class="fd1" src="img/fd5.jpg"/></a>
            <a href="img/fd6.jpg" target="_BLANK"><img class="fd1" src="img/fd6.jpg"/></a>
        </div>

Et le css:

img.fd1{
    width: 33%;
    height: 100%;
    padding: 10px;
    float: left;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

Merci beaucoup ;)