Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: No cargan todas las hojas de CSS para distintas resoluciones.

  1. #1
    Esto empieza a ser un vicio... Habitante Avatar de paxarin
    Fecha de Ingreso
    03 nov, 09
    Ubicación
    Santa cruz de Bezana
    Mensajes
    646
    Poder de Reputación
    15

    No cargan todas las hojas de CSS para distintas resoluciones.

    Muy buenas.
    Vamos a ver si me podeis echar un cable con un pequeño problema que se me presento y que aparentemente no deberia de estar sucediendo.
    Cree unos css para distintas resoluciones. De tal forma que segun sea el tamaño en px de la pantalla deberia de cargar una hoja o otra.
    Aqui os dejo el html para que lo veais.
    <code>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" media="only screen and (min-device-width: 280px) and (max-width:320px)" href="css/320smartphone.css" />
    <link rel="stylesheet" media="only screen and (min-device-width: 330px) and (max-width:480px)" href="css/480smartphone.css" />
    <link rel="stylesheet" media="only screen and (min-device-width: 490px) and (max-width:768px)" href="css/768tablet.css" />
    </code>
    El tema es que carga la principal y cuando se reduce el tamaño carga la hoja 768tablet.css, pero si sigo disminuyendo el tamaño no cargan las siguientes y la verdad que ya probe con muchas combinaciones y opciones, pero sigue sin funcionar.
    Alguien se que sucede?
    Probe en varios navegadores por si pudiera existir algun conflicto o problemilla, pero en todos sucede lo mismo.

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de paxarin
    Fecha de Ingreso
    03 nov, 09
    Ubicación
    Santa cruz de Bezana
    Mensajes
    646
    Poder de Reputación
    15
    esta hilo ya esta solucionado.

  3. #3
    Me va gustando esto... Habitante Avatar de CircuitoX
    Fecha de Ingreso
    29 nov, 09
    Mensajes
    66
    Poder de Reputación
    12
    Que bueno que se soluciono, pero mirando el código de diferentes estilos segun resolucion de pantalla, este habito esta mal, para un mejor manejo de estilos relacionado al responsive web design, es preferible usar una sola hoja de estilos dentro de ella ya se pone las medias queries segun resolucion de pantalla, otro detalle porque no se debe usar varias hojas, es por optimización de velocidad, al tener varias hojas, el servidor web tiene que hacer varios llamados o request para servir la pagina web, esto deberia ser solo un llamado o request.
    My website responsive, html5, puro css y con Animación css3 web cusco
    Algo Diferente Paginas web Cusco
    Si necesitas ayuda con algo, entonces:
    http://www.google.com/+NestorMinaweb

Temas Similares

  1. Monitores con distintas resoluciones de pantalla
    Por 31ale31 en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 6
    Último Mensaje: 30/03/2011, 18:44
  2. Fondo para todas las resoluciones
    Por javico en el foro Foro General
    Respuestas: 3
    Último Mensaje: 19/07/2009, 23:51
  3. Existen plantillas para todas las resoluciones?
    Por JTole en el foro Plantillas Para Tu Web
    Respuestas: 0
    Último Mensaje: 24/01/2009, 12:15

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •