CSS automático mediante JS

[Pelargon]

Hola

mediante css es posible aplicar estilos alternativos a las páginas web de forma manual. Intento hacer eso mismo de forma automática. En concreto he intentado hacer que en función de la resolución de pantalla se aplique un estilo u otro, pero no he obtenido resultados debido a que no tengo ni idea de javascript.

Mi pregunta es, obviamente, si se puede hacer eso.

El código sobre el que he trabajado (y que no funciona) es el siguiente:

<script language="JavaScript">
function auto ()
{
var nWdt = screen.width;
var nHgh = screen.height;
if ((nWdt == 640) && (nHgh == 480)) <link rel="stylesheet" href="estilo1.css" type="text/css">;
else if ((nWdt == 800) && (nHgh == 600)) <link rel="stylesheet" href="estilo2.css" type="text/css">;
else if ((nWdt == 1024) && (nHgh == 768)) <link rel="stylesheet" href="estilo3.css" type="text/css">;
}
</script>

Os pido sugerencias y modificaciones/correcciones a este código. Seria muy interesante poder hacer algo con él ya que de ser posible lo que quiero, tendriamos una alternativa mejor a tener que diseñar páginas específicas para cada resolución de pantalla.

Gracias de antemano por vuestra ayuda.

Saludos.