Ridimensiona automaticamente le immagini con le dimensioni del browser utilizzando CSS

Voglio che tutte (o solo alcune) delle mie immagini vengano ridimensionate automaticamente quando ridimensiono la finestra del mio browser. Ho trovato il seguente codice: non fa nulla però.

HTML

        

CSS

 body { font-family: Arial; font-size: 11px; color: #ffffff; background: #202020 url(../../img/body_back.jpg) no-repeat top center fixed; background-size: cover; } #icons { position: absolute; bottom: 22%; right: 8%; width: 400px; height: 80px; z-index: 8; transform: rotate(-57deg); -ms-transform: rotate(-57deg); -webkit-transform: rotate(-57deg); -moz-transform: rotate(-57deg); } #contact { float: left; cursor: pointer; } img { max-width: 100%; height: auto; } 

Come posso fondamentalmente avere un design a schermo intero (con background-size: cover ) e avere elementi div essere esattamente nella stessa posizione (% saggio) quando ridimensiono la finestra del browser, con le loro dimensioni anche ridimensionando (come la cover sta facendo per lo sfondo) ?