Veamos, no lo he usado nunca pero por sentido común igual acierto, je je je.
<script>
if (screen.width + "x" +screen.height == "640x480") location.href="pagina640x480.htm"
if (screen.width + "x" +screen.height == "800x600") location.href="pagina800x600.htm"
if (screen.width + "x" +screen.height == "1024x768") location.href="pagina1024x768.htm"
</script>
Se trata de colocar esto dentro del Head de la página principal (imagino que solo en esa) de modo que al acceder a ella, el navegador mira qué resolución tienes y te manda a la pagina640x480.htm si el visitante tiene una resolución de 640x480, a la pagina800x600 si es de 800x600, etc, etc.
Por supuesto, puedes nombrarlas como quieras siempre que lo indiques dentro del script. Los nombres que puedes cambiar son los puestos en negrita y han de coincidir, claro, con el nombre de la página que quieres mostrar en cada caso.
Problemas que yo veo?
- Pues que el usuario puede tener cualquier otra resolución no puesta en el script (aunque tu puedes añadir mas, claro) y todo el trabajo no te habrá servido de mucho.
- Que Google verá el mismo "contenido", los mismos textos en las tres página señaladas en negrita y penalizará a dos de ellas por contenido repetido.
- Que vas a tener que currar casi el triple para conseguir esto.
- Que el usuario siempre puede acceder desde algun buscador a la página que no le corresponde con su resolución..
Yo no creo que merezca la pena. Has visto alguna página importante que lo haga? Mira las mejores webs que hay por la red y fijate qué es lo que hacen ellos. La mayoria pone un ancho fijo, de 800px por lo que veo...
Un saludo!