Добрый день! Делаю свой первый сайт клиенту -
test.mezoterika.com . Сайт с адаптивной версткой. Клиент говорит, что у него на IPad с ретина дисплеем в браузере Safari сайт отображается вот так:
![54bc2399ca564759af2f8a5bb57ad7b7.jpg](//habrastorage.org/files/54b/c23/99c/54bc2399ca564759af2f8a5bb57ad7b7.jpg)
А на google chrome все отлично отображается:
![ad7f83a758b746af9a774d0fa96fe57a.jpg](//habrastorage.org/files/ad7/f83/a75/ad7f83a758b746af9a774d0fa96fe57a.jpg)
В чем может быть проблема? Полагаю что проблема в медиа запросах, но не уверен.
Медиа запросы со стилями у меня прописаны следующие:
media only screen and (min-width: 960px) and (max-width: 1199px)
media only screen and (min-width: 751px) and (max-width: 959px)
media only screen and (min-width: 480px) and (max-width: 750px)
media only screen and (max-width: 479px)
Надеюсь кто-то сталкивался с такого рода проблемой.