Celulares no me reconocen css responsive

xymy · #1 (**permalink**) 10/08/2014, 15:48

Hola a todos, estoy haciendo una web responsive.
Los divs están en porcentajes y tengo media queries por dispositivos
redefiniendo medidas margenes, etc, ocultando elementos

Al escalar el navegador puedo ver bien estos cambios entre una medida a otra. El problema es que no me levanta los estilos correspondientes cuando entro desde un celular.

Hay que agregar algun script? o solo con el css es suficiente?

Estoy usando estos en el css:

Código CSS:

Ver original@media screen and (min-width: 640px) and (max-width: 900px) { }

Y este codigo en el header:

Código HTML:

Ver original<link href="css/main.css" rel="stylesheet">
<link href="css/resoluciones.css" rel="stylesheet">

Probé así tb, separando las medidas en diferentes hojas de estilo. pero no los levanta tampoco, nisquiera en el navegador de la pc (solo levanta el primer caso)

Código HTML:

Ver original<link rel="stylesheet" href="css/main.css" media="only screen and (min-width : 901px)"> 
<link rel="stylesheet" href="css/tabletas.css" media="only screen and (min-device-width : 640px) and (max-device-width : 900px)">
<link rel="stylesheet" href="css/moviles.css" media="only screen and (min-device-width : 350px) and (max-device-width : 639px)">
<link rel="stylesheet" href="css/minis.css" media="only screen and (min-device-width : 100px) and (max-device-width : 349px)">

Espero su respuesta... hace dias que vengo con esto y no lo puedo solucionar!

Muchas gracias!

manguiti · #2 (**permalink**) 11/08/2014, 10:51

Prueba poniendo esto dentro del <head> de la página:

Código HTML:

Ver original<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Saludos

jesus_e_borquez_m · #3 (**permalink**) 11/08/2014, 12:33

yo tengo un problema parecido, al menos lo pude solucionar para los iphone usando este media querie:

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

/* codigo css */

}

Espero y te sirva de algo, saludos