Estoy trabajando en la optimización de un sitio receptivo y Safari (tanto de escritorio como móvil) parece estar ignorando completamente las consultas de medios por debajo de cierto punto. Tengo código como el siguiente:

@media screen and (max-width: 767px){
    /* Safari responds to css here */
}
@media screen and (max-width: 640px){
    /* css here is ignored by Safari */
}

Firefox y Chrome responden adecuadamente. ¿Alguien tiene alguna idea sobre lo que está pasando?

Puedes ver el sitio aquí:http://kgillingham.webfactional.com. Lo que debería suceder (y funciona en FF y Chrome) es que a medida que el sitio se convierte en menos de 640px, la fuente del encabezado en el control deslizante debería convertirse en un tamaño más pequeño.

editar: El sitio ahora se ha actualizado para usar javascript para agregar una clase cuando el tamaño es inferior a 640px. Esa clase siempre usa el tamaño de letra más pequeño. Esto significa que funciona como se esperaba ahora, pero preferiría utilizar las consultas de medios de CSS en lugar de JavaScript, así que todavía me gustaría ver una solución.