Я работаю над оптимизацией реагирующего сайта, и 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), так это то, что, когда сайт становится меньше 640px, шрифт заголовка в слайдере должен стать меньшим размером.
изменить. Теперь сайт обновлен, чтобы использовать javascript для добавления класса, когда размер меньше 640 пикселей. Этот класс всегда использует меньший размер шрифта. Это означает, что он работает так, как ожидалось, но я бы скорее использовал CSS-запросы для СМИ, чем javascript, поэтому мне все равно хотелось бы увидеть решение.