el objeto
screen tiene informacion acerca de ello, especialmente las propiedades height y width. luego, para adaptar tu documento a la resolucion, tienes varias alternativas. todo depende la que te guste o que puedas entender. por ejemplo, redireccionar a un documento previamente preparado para la resolucion. a mi juicio, es la peor alternativa que existe. otra alternativa, modificar la hoja de estilo a traves de javascript. por ejemplo,
Código:
if(screen.width > 1024 && screen.width < 1280)document.body.style.width = "1000px";
otra alternativa seria dinamicamente cargar una hoja de estilo, requiere menos codigo ya que puedes hacer multiples modificaciones desde la hoja de estilo.
Código:
if(screen.width > 1024 && screen.width < 1280){
var link = document.createElement("link");
link.setAttribute("href", "ruta_documento.css");
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
document.getElementsByTagName("head")[0].appendChild(link);
}
en el mejor de los casos, no hace falta un script. simplemente diseña tus documentos con maquetacion liquida o alguna variante. la ventaja, te permite acomodar el contenido segun el tamaño de la ventana, no de la resolucion de pantalla.
http://www.google.com/search?q=dise%...ient=firefox-a