Hola.
Estoy intentando hacer un diseño para varias resoluciones y plataformas incluyendo el ancho de 240px sin embargo este no baja a dicho tamaño, es decir no lee dicha orden cuando le pongo su media query de la siguiente manera:
Código CSS:
Ver original@media(max-width: 319px) and (min-width: 240px){
.contenedor, header{
width: 220px;
margin: 0 auto;
}
}
También lo pongo así y tampoco me coge dicho ancho:
Código CSS:
Ver original@media only screen and (min-width: 240px){
contenedor, header{
width: 220px;
margin: 0 auto;
}
}
El resto de resoluciones me salen perfectamente como por ejemplo en esta:
Código CSS:
Ver original@media(max-width: 480px){
contenedor, header{
width: 460px;
margin: 0 auto;
}
}
Sin embargo al verlo en test/examinadores de algunas webs de dichos tamaños no logro que baje a 240px de ancho de las dos anteriores formas, ¿que estoy haciendo mal?
Por otro lado al ir haciendo pruebas con el navegador, por ejemplo con Firefox u Chrome al bajar a 320px no se ve el cambio correcto si muevo el navegador a un ancho mínimo para hacer pruebas, creo que en 329px ya no hace caso... pero al verlo en un examinador o en un móvil de 320px de ancho se ve que está correcto pero en el navegador no sigue esa orden... ¿tiene un mínimo de ancho por defecto cada navegador como mozilla o Chrome? La verdad es algo que no sabía y no entiendo.
Saludos
