Dudas con responsive, compatibilidad y resoluciones

[ferminako]

Gacias por tu respuesta, y que es más optimo cargar un css por cada resolucion tipo <link rel="stylesheet" media.... o un css con todas las opciones como aki...

Código CSS:

<style>
#contenedor{
background: crimson;
width:200px;
height: 200px;
}
 
@media screen and (min-width : 1024px){
    #contenedor{
      background: blue;
    }
}
</style>
 

Y las mediaqueries mejor por min, o por max wdth segun disposiivo :

Código CSS:

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="dispositivoMovil.css" />