código q detecte tamaño pantalla y cargue una hoja css según el tamaño

ct · #1 (**permalink**) 08/05/2003, 05:01

Hola a todos.

Necesito hacer que en función del tamaño de la pantalla del visitante de mi página web se cargue una hoja de estilos determinada ¿es posible?

En mi web tengo un índice a la izquierda y me gustarí que si el monitor es de 800x600 (o incluso menor), el indice tenga un tamaño de letra determinado (que controlo con CSS); y si el monitor es mayor, pues el texto será mayor mediante otra hoja CSS. ¿A alguien se le ocurre un sistema mejor?

Gracias por su ayuda.

Salu2

JavierB · #2 (**permalink**) 08/05/2003, 05:54

Hola, ct.

¿Te serviría algo parecido a esto?

Código PHP:

  <html> 
 
<head> 
<script> 
    ancho=screen.width; 
    if (ancho<=800) hoja='uno'; 
    else hoja='dos'; 
    document.write("<link rel='stylesheet' href='"+hoja+".css' type='text/css'>"); 
</script> 
</head> 
 
<body> 
Este texto se verá en color 
</body> 
 
</html>

Saludos,

KarlanKas · #3 (**permalink**) 08/05/2003, 06:16

Y esto?
<script>
document.write("<link rel='stylesheet' href='"+screen.width+".css' type='text/css'>");
</script>
Así lo personalizas para todos!

ct · #4 (**permalink**) 09/05/2003, 06:20

Gracias JavierB! Lo he probado en mi ordenador cambiando la configuración de la pantalla y me funciona bien tanto en explorer como en navigator.

Gracias.

Karlankas, gracias por responder pero creo que no es eso lo que queria.

jovix777 · #5 (**permalink**) 16/09/2008, 06:15

Me gusto la alternativa de Karlankas, no la he probado pero teoricamente deberia funcionar... asi le pones a los archivos css el nombre relativo a cada resolucion (800.css, 1024.css, etc) y listo. El problema estaria con resoluciones mas grandes, ahi ya habria que recurrir a condiciones en un script si no se quiere tener tantos archivos css.

David · #6 (**permalink**) 16/09/2008, 07:13

Hola, jovix777.

El tema es de hace 5 años

.
No reviváis temas tan antiguos (citando a nuestro amigo JavierB

).