Cita:
Iniciado por Adbane 
Si usas Chrome o Firefox, descargate "Web Developer" en sus correspondientes tiendas de Extensiones. Una vez instalado, vas a "Resize -> Responsive Layouts" y allí puedes ver los distintos resultados en distintos tamaños, e incluso con la opción "Edit resize layouts" puedes modificarlas, o añadir tus propias medidas.
Por otro lado, con el código, prueba así:
Código CSS:
Ver original@media screen and (max-width: 240px){
.contenedor, header{
width: 220px;
margin: 0 auto;
}
}
Hola Adbane, tengo instalado en Firefox Web Developer y ahi tengo preparadas varias medias para hacer mi propio resize etc, etc y ahi es donde lo veo, lo que no me había fijado es en la última opción del menú Responsive Layouts, gracias muy buena.
Cita:
Iniciado por memoadian no sé muy bien por que no te sirve, pero
@media(max-width: 319px) and (min-width: 240px){
//aparece si la pantalla esta entre 319px y 240px
}
@media (max-width:240px) {
//aparecería todo si la pantalla es menor a 240px
}
He probado varias opciones y parece que con esta última (@media (max-width:240px)) si aparece en Firefox a 240px , sin embargo al verlo en los test online examinadores no se ve a dicho tamaño y se descuadra:
Suelo probarlo en estos tres:
http://mattkersley.com/responsive/ http://www.responsinator.com/ http://quirktools.com/screenfly/
Aun así voy a seguir probando y haciendo cambios a ver si en todos a la vez sale bien a 240px y asi ver si es fallo de alguno de estos examinadores o sigue siendo fallo mio.
Gracias por vuestra ayuda.