Estoy haciendo una web para distintas resoluciones, y he echo este código:
Código Javascript
:
Ver original<script language="javascript">
if ( screen.width > 1024 )
{
document.write('<link rel="stylesheet" type="text/css" href="estilos/estilo.css" />');
}
else if ( screen.width == 1280)
{
document.write('<link rel="stylesheet" type="text/css" href="estilos/mediana.css" />');
}
else if ( screen.width <= 1024)
{
document.write('<link rel="stylesheet" type="text/css" href="estilos/estilo-pequeno.css" />');
}
</script>
Me funcionan todas bien excepto la segunda condición, la de si la pantalla es 1280. Creo que esta bien, pero por alguna extraña razón, al cambiar la resolución de mi pc a 1280x768 no me lo reconoce la hoja de estilo que carga esa parte del código. La ruta está bien escrita, por eso pregunto si ustedes ven algo mañ en el código.
Gracias