Buon giorno a tutti ho un paio di domande da porvi.
Devo, a seconda della risoluzione, avere un layout che si adatti alla stessa,cosi come i font
quindi:

1) per un layout che vada bene per tutte le risoluzioni, devo dimensionare la larghezza in percentuale?
codice:
/* 
1200px (>= 481px) 
es: 1440x900 = width:70%;
*/

@media only screen and (min-width: 481px) {
       #header
       {
	          height: 85px;
 	          position: relative;
 	          width:70%;
       }
}
/* 
1000px (>= 481px && <= 1199px)
es: 1024x768 = width:90%;
*/
@media only screen and (max-width: 1199px) and (min-width: 481px) {
       #header
       {
	          width:90%;
       }
}
2) font, a seconda della risoluzione devo avere una dimensione(size) variabile sempre in percentuale?
Se si, per default quale size devo usare?

Aiutatemi per favore.
grazie mille.