¿Firefox 6/7 maneja el ancho máximo: la consulta de medios de 320px es incorrecta?

Question

Estoy viendo un comportamiento extraño con la consulta de medios en Firefox últimamente, y me preguntaba quién lo está haciendo bien (en comparación con Chrome e IE9).

Tengo el siguiente CSS:

@media screen and (max-width:320px){ 
#sfWrapper{max-width:280px;font-size:0.625em;line-height:1.2em} 
#cpw_banner{display:none;visibility:hidden;} 
#cpw_content{width:100%;}#cpw_aside{width:100%;} 
} 

y Firefox (al cambiar el tamaño del navegador, no parece darse cuenta de la max:. Anchura de 320 píxeles, mientras que reacciona a las grandes preguntas de los medios de pantalla

no sólo eso, sino que

cuando uso Ctrl + con bastante frecuencia en una ventana que entrará en funcionamiento, donde como Chrome e Internet Explorer 9 no se aplican nuevas preguntas de los medios de ctrl +/Ctrl -

---

¿Alguien sabe cuál es el comportamiento "estándar" con respecto a ctrl +/ctrl- y consultas de medios?

Gracias de antemano ... J.

Answer 1

En Firefox, dependiendo de su configuración exacta barra de herramientas, puede ser imposible para el área de contenido para reducir el tamaño por debajo de un determinado ancho. Si configura una página con una barra de desplazamiento vertical, puede ver que la barra de desplazamiento comienza a desaparecer cuando la ventana llega a ser más pequeña que ese ancho mínimo. En ese punto, la ventana del navegador se está haciendo más pequeña, pero la ventana de la página NO. Entonces, si ese ancho mínimo es mayor que 320px en su caso, entonces la consulta de medios anterior nunca se aplicará.

El punto clave es que las consultas de medios coinciden con el ancho de la ventana de la página, no con el ancho de la ventana del navegador.

Además, las consultas de medios coinciden con los píxeles CSS, no con los píxeles del dispositivo. Al hacer zoom en Firefox, se cambia el tamaño de un píxel de CSS en los píxeles del dispositivo, por lo que el tamaño de la ventana de la página (que está fijo en los píxeles del dispositivo) cambia en los píxeles de CSS.

No hay un estándar de lo que debería hacer el zoom.

Answer 2

He estado trabajando en un diseño receptivo para 320px, pero Firefox simplemente no respondió.

Descubrí que, por alguna razón, si configuras tu consulta de medios en 480px - (max-width:480px) - entonces Firefox aplicará las consultas de medios de todos modos.

Answer 3

No sé por qué se ha marcado la respuesta proporcionada, ya que no responde la pregunta del OP. La razón por la cual la consulta de medios no dispara 320 píxeles se debe a la barra de herramientas de navegación en Firefox.

Si lo apaga (vaya a VER - BARRAS DE HERRAMIENTAS - BARRA DE HERRAMIENTAS DE NAVEGACIÓN y desármelo), la consulta de medios se activará a 320 píxeles.