Я пытаюсь создать мобильную версию моего веб-сайта, чтобы сделать мой сайт более гибким и масштабированным.
Я создал несколько медиа-запросов, которые корректно ведут себя в браузере при изменении размера на рабочем столе.
На моем iPhone сафари просто сжимает весь веб-сайт, но при этом сохраняет пропорции полноразмерного сайта. Как я могу получить запрос СМИ? я что-то пропустил?
Вот ссылка на песочницу, которую я пытаюсь работать правильно - любая помощь или предложения приветствуются:
http://www.preview.brencecoghill.com/
У вас есть мета для порта просмотра в вашем html?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Дополнительная информация здесь: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/
Я думаю, что вы найдете предупреждение в Chrome; вместо, Это должно работать нормально:
<meta name="viewport" content="width=device-width, initial-scale=1">