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

[nanygb]

¿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]

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]

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]

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

[daPhyre]

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

Código:

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

Suerte

[nanygb]

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?]

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]

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]

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!