Eso se hace con Javascript y es muy sencillito.
Pon como página index.html de tu sitio lo siguiente:
Código PHP:
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT>
//------EDITABLE-----
nombre="index";
extension="html";
//-----------------------
ancho=screen.width;
if (ancho>1024){ancho=1024}
location.replace(nombre+ancho+"."+extension);
</SCRIPT>
</BODY>
</HTML>
Este código te redireccionará:
A la página index640.html si la configuración de pantalla es de 640x480 (¿queda alguien con esa configuración?).
A la página index800.html si la configuración de pantalla es de 800x600.
A la página index1024.html si la configuración de pantalla es de 1024x768 o superior.
Lo bueno de este sistema es que es transparente para el visitante de tu página. Ya que no queda reflejado ese cambio de index.html a index800.html en su historial.
Si quieres que la página a la que se redireccione no empiece por index cambia la variable nombre del principio, y si la extensión no es html cambiala por la que sea en la variable extensión (asp, php, htm...).
Si tienes cualquier duda por favor pregunta!!
Un saludo y bienvenid@!! 