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

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

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

На моем iPhone сафари просто сжимает весь веб-сайт, но при этом сохраняет пропорции полноразмерного сайта. Как я могу получить запрос СМИ? я что-то пропустил?

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

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

Я думаю, что вы найдете предупреждение в Chrome; вместо, Это должно работать нормально:

<meta name="viewport" content="width=device-width, initial-scale=1">
12
ответ дан 21 авг. '13 в 16:07
источник