Я работаю над оптимизацией адаптивного сайта, и Safari (как для настольных, так и для мобильных устройств), похоже, полностью игнорирует медиазапросы ниже определенного уровня. У меня есть код, подобный следующему:

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

Firefox и Chrome оба отвечают соответственно. У кого-нибудь есть идеи о том, что происходит?

Вы можете увидеть сайт здесь:http://kgillingham.webfactional.com, Что должно произойти (и работает на FF и Chrome), так как сайт становится меньше 640 пикселей, шрифт заголовка в слайдере должен стать меньшего размера.

редактировать: Сайт теперь обновлен для использования javascript для добавления класса, когда его размер меньше 640 пикселей. Этот класс всегда использует меньший размер шрифта. Это означает, что теперь он работает, как и ожидалось, но я бы предпочел использовать медиазапросы CSS, а не javascript, поэтому я все еще хотел бы увидеть решение.