Tengo el siguiente código, que carga un css u otro según la resolución de la pantalla del visitante:
Cita:
Este script redirige a un CSS según el ancho del monitor, pero no la altura.<script language = "javascript" type="text/javascript">
if (screen.width == 800)
document.write('<link rel="stylesheet" href="css/800x600.css" type="text/css" />');
if (screen.width == 1024)
document.write('<link rel="stylesheet" href="css/1024x768.css" type="text/css" />');
if (screen.width == 1152)
document.write('<link rel="stylesheet" href="css/1152x864.css" type="text/css" />');......etc....</script>
if (screen.width == 800)
document.write('<link rel="stylesheet" href="css/800x600.css" type="text/css" />');
if (screen.width == 1024)
document.write('<link rel="stylesheet" href="css/1024x768.css" type="text/css" />');
if (screen.width == 1152)
document.write('<link rel="stylesheet" href="css/1152x864.css" type="text/css" />');......etc....</script>
Es decir, que para 1024 de ancho,me lleva al css de 1024x768.
Pero si el alto es 1024x600;1024x1280, etc...como puedo especificar un css diferente para ello?
Se puede hacer con un condicional CSS en vez de javascript?
Un saludo, muchas gracias