carga de sitios web en distintas resoluciones con diferentes hojas de estilos css

nanygb · #1 (**permalink**) 27/03/2011, 11:10

¿Hay alguna forma de hacer para que un sitio web pueda utilizar una hoja de estilo css para una resolución, y otra hoja de estilo css para otra resolución?

daPhyre · #2 (**permalink**) 27/03/2011, 16:36

Usa JavaScript. Carga la de resolución más pequeña de forma predeterminada, y con un JS, evalua si la resolución de la pantalla es mayor o igual a la de tu segunda hoja de estilos. Si lo es, la cambias dinámicamente. Suerte

nanygb · #3 (**permalink**) 28/03/2011, 10:18

Cita:

Iniciado por daPhyre

Usa JavaScript. Carga la de resolución más pequeña de forma predeterminada, y con un JS, evalua si la resolución de la pantalla es mayor o igual a la de tu segunda hoja de estilos. Si lo es, la cambias dinámicamente. Suerte

ahh ok , me podrias decir cual es el codigo del script que se usa porfavor ....

Moncholo · #4 (**permalink**) 28/03/2011, 10:21

mmm busca tipos de css hay asi funciona twitter con tipe media screen

daPhyre · #5 (**permalink**) 28/03/2011, 13:42

Agrega un ID a tu CSS ( id="cssId" ), luego para cambiarlo en JavaScript es:

Código:

document.getElementById('cssId').src='otroEstilo.css';

Suerte

nanygb · #6 (**permalink**) 31/03/2011, 00:42

Cita:

Iniciado por daPhyre

Agrega un ID a tu CSS ( id="cssId" ), luego para cambiarlo en JavaScript es:

Código:

document.getElementById('cssId').src='otroEstilo.css';

Suerte

gracias

kseso? · #7 (**permalink**) 31/03/2011, 07:04

oh, my dog!!!
¿Y no sería mejor una sóla hoja de estilos y diseñar en % para dispositivos "tradicionales" (pc´s, portátiles...) y a lo sumo una segunda para smartphones (dispositivos móviles de pantalla pequeña) y discriminarlos con el media="..."?

Y ya si también quiere contemplar las tabletas digitales están las @media queries

Tecna · #8 (**permalink**) 31/03/2011, 13:42

Buenas,

muchas veces no es necesario hacer distintas versiones y se adapta perfectamente a cualquier resolución y tamaño de pantalla, depende del diseño y el contenido y del tiempo que se le quiera/pueda dedicar. Yo creo que es mas importante por ejemplo tener en cuenta la velocidad de la conexión y el peso de la página o que sea accesible sin necesidad de javascript, flash o cualquier otra cosa que no sea html y css porque muchas veces olvidamos que cada vez hay más gente que se conecta desde otros dispositivos.

GatoGordo · #9 (**permalink**) 31/03/2011, 15:59

Cita:

Iniciado por daPhyre

Agrega un ID a tu CSS ( id="cssId" ), luego para cambiarlo en JavaScript es:

Código:

document.getElementById('cssId').src='otroEstilo.css';

Suerte

Muy buena idea, también puede cambiarse directamente el nombre del css después del condicional pero esta solución es más elegante.

Saludos!