Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/04/2013, 15:58
tasmany94
 
Fecha de Ingreso: septiembre-2012
Mensajes: 66
Antigüedad: 11 años, 8 meses
Puntos: 4
Exclamación reconocer resolucion de pantalla y redireccionar a css

Hola buenas,vereis este problema es algo común pero miro y miro y no encuentro,o lo que encuentro no me sirve.

quiero segun la resolucion de pantalla,me abra un css o otro para la pagina.en este caso para todas las pantallas.a resoluciones,800,1024,1280,1400 y 1600.
para ello..por javascript he hecho este codigo..pero no me funciona..

<script language="javascript">

if (screen.width >= 800 && screen.width < 1024)
{
document.write('<link rel="stylesheet" type="text/css" href="800.css" />');
}

if (screen.width >= 1024 && screen.width < 1280)
{
document.write('<link rel="stylesheet" type="text/css" href="1024.css" />');
}

if (screen.width >= 1280 && screen.width < 1400)
{
document.write('<link rel="stylesheet" type="text/css" href="1280.css" />');
}

else
{
}

</script>

esto basicamente es pero añadiendo todas las resoluciones.el problema que tengo es en esta linea :

if (screen.width >= 1280 && screen.width < 1400)

no me coje el && screen.width <1400 osea.la segunda condición.
lo que yo necesito es que sea igual o mayor que 1280 y menor que 1400.pero no lo consigo.y bueno esa linea pero en todas las que cambian los balores me refiero.
alguien tiene idea de como podria hacerlo??

gracias de antemano.

espero una solución.