Hola buenas tengo una duda que quisiera que me la solucionaran porfavor :)

Tengo mi web armada, de 1042x768px de resolucion de pantalla hacia adelante, no hay problema.
Pero al tratar de visualizarla en un ordenador de 800x600 (aunque quedan pocos con dicha resolucion, aun los hay) la web se deforma un tanto. Esto lo soluciono cambiando un porcentaje de una etiqueta, y en esa resolucion se acabó el problema, no asi para las sucesoras, ya que queda muy angosta.

Entonces yo quisiera tener mas de 1 hoja de estilos css, configurada con distintos porcentajes para que no hubiese problemas con las distintas resoluciones existentes.

Lo que pienso yo es captar la resolución del navegador con algun codigo JS y el index vincularlo con su respectiva hoja de estilos.

La idea es tener un solo index.html y que para resolucion 800x600 ocupe el index.html + hoja1.css
para resolucion 1024x768 ocupe index.html + hoja2.css
Y así consecutivamente.

¿Se podría hacer algo así?

Se los agradeceria montones
:)