Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/04/2010, 08:38
josemota
 
Fecha de Ingreso: marzo-2010
Mensajes: 35
Antigüedad: 15 años, 1 mes
Puntos: 1
Cambiar estilo según resolución

Hola,

Tengo el siguiente código:

Código:
<SCRIPT LANGUAGE="JavaScript">


if (window.screen) {
var resolucion = screen.width + ' x ' + screen.height;

var css;

if (screen.width <= 1024) 
 css = 'style';
else 
 css = 'style2';

document.write ('<LINK REL=\"Stylesheet\" HREF=\"' + css + '.css\"
TYPE=\"text/css\">');
}


</SCRIPT>
Lo que quiero es que al entrar en la página, según la resolución que tenga aplique un estilo u otro.

Los archivos se llaman style.css y style2.css, pero el código que tengo puesto no me funciona. Es más, si le pongo un alert en el if de screen.width <= 1024 tampoco me muestra ese alert, entrando con una resolución de 1024.