Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/04/2013, 17:17
Avatar de chwc
chwc
 
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 16 años, 4 meses
Puntos: 103
Respuesta: reconocer resolucion de pantalla y redireccionar a css

primero que nada, no uses screen.width, usa window.innerWidth !
uno te da el ancho de la pantalla, y l otro de la ventana, pero el que usas es el de la ventana, no el de la pantalla!

mira, hay opciones mejores que cambiar el link a la hoja de estilos, existen las Hojas de estilos adaptables
Código CSS:
Ver original
  1. header {
  2.     width: 900px;
  3.     margin: 0 auto;
  4. }
  5.  
  6. @media screen and (max-width: 900px){
  7.    header {
  8.     width: auto;
  9.    }
  10. }
  11. }

que no requieren Javascript, y ademas, al redimensionar la ventana, se aplican automaticamente !

lee mas aqui http://redticos.net/blog/run/diseno-...ptable-css-med
o buscalo en google

un saludo