Foros del Web » Creando para Internet » CSS »

CSS Media Query para móviles y ordenadores

Estas en el tema de CSS Media Query para móviles y ordenadores en el foro de CSS en Foros del Web. Hola: Estoy tratando de instalar CSS Media Query, para adaptar mi sitio a moviles pero no me funciona. Esto es lo que declaré: <link href=”style.css” ...
  #1 (permalink)  
Antiguo 12/07/2016, 06:14
 
Fecha de Ingreso: junio-2001
Mensajes: 277
Antigüedad: 18 años, 5 meses
Puntos: 1
CSS Media Query para móviles y ordenadores

Hola:

Estoy tratando de instalar CSS Media Query, para adaptar mi sitio a moviles pero no me funciona.

Esto es lo que declaré:
<link href=”style.css” rel=”stylesheet” type=”text/css” media=”screen and (min-width: 481px)” />
<link href=”style1.css” rel=”stylesheet” type=”text/css” media=”handheld, only screen and (max-device-width: 480px)” />


Enlace a pagina que no funciona:
Enlace a la pagina


Enlace a pagina que funciona, pero sin CSS Media Query:
Enlace a pagina que funciona con CSS comun:

Muchas gracias por vuestra ayuda
  #2 (permalink)  
Antiguo 14/07/2016, 21:39
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.543
Antigüedad: 11 años, 8 meses
Puntos: 1082
Respuesta: CSS Media Query para móviles y ordenadores

No se tu pero yo los veo exactamente iguales...

Igual prueba poner todos los estilos en un solo archivo, eso de cargar dos archivos solo por los media queries es una mala idea salvo que tu sitio sea increiblemente grande y/o tus estilos sean muy largos .

Yo suelo hacer uso de

Código CSS:
Ver original
  1. @media (max-width:XXXpx){
  2. ... /*estilos para una pantalla con ese maximo de ancho */
  3. }

Etiquetas: moviles
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:00.