Адаптивный дизайн - Media Query не работает на iPhone?

Я пытаюсь создать мобильную дружественную версию своего веб-сайта, чтобы мой веб-сайт реагировал на экран меньшего размера и соответственно масштабировался.

Мы создали несколько медиа-запросов, которые корректно ведут себя в браузере при изменении размера на рабочем столе.

На моем iPhone сафари просто сокращает весь сайт, но при этом сохраняет соотношение сторон полноразмерного сайта. Как мне получить медиа-запрос для наблюдения? я что-то пропустил?

Вот ссылка на песочницу, которую я пытаюсь заставить работать правильно - любая помощь или предложения приветствуются:

http://www.preview.brencecoghill.com/

Ответы на вопрос(3)

Ваш ответ на вопрос