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!