Salve a tutti
Mi sto cimentando nell'utilizzo delle tecniche di Responsive Design, in modo da non dover creare più layout per mobile e altri dispositivi, ma far si che il signolo layout si adatti a tutto.

Sono riuscito a nascondere e visualizzare elementi (principlamente div) a seconda dell'altezza e della larghezza della finestra.

La mia domanda è, oltre a nascondere e visualizzare, è possibile anche MODIFICARE gli elementi?
Mi spiego meglio, con quello che ho fatto fin'ora, per esempio ho creato due div con lo stesso contenuto, ma dimensione diversa. A seconda della dimensione della finestra, mi carica o il div 1, o il div 2.
Ma ciò significa aver doppi contenuti.

Se io volessi invece che il div cambi altezza, si rimpicciolisca, cambi margini, padding etc, a seconda della dimensione dello schermo, è possibile senza crearne un secondo?

Perchè ho provato utilizzando questo codice:
codice:
@media only screen and (max-width: 1200px) {  
#titolo_header {
height:400px 
} 
}
Ma non vuole collaborare

Grazie in anticipo a chiunque risponderà!