Моя тестовая страница находится по адресу: http: //dev.my- igloo.net/ps-rwd/
Я пытаюсь понять медиа-запросы и изменить ширину сайта в соответствии с шириной браузера - сайт должен работать на iPad и iPhone, и в данный момент я тестирую это на iPad и немного сходит с ума.
Пожалуйста, имейте в виду, что дизайн / макет сайта еще не завершен, так как я просто работаю с начальными настройками, прежде чем углубляться во все доведение до совершенства. Я установил разные цвета фона для каждой таблицы стилей, чтобы было легко увидеть, какая из них загружена.
У меня в заголовке есть такой тег:
, и если я настрою свои медиа-запросы следующим образом:
Когда я тестирую на iPad в альбомном режиме, страница загружает таблицу стилей по умолчанию, но ее масштаб увеличивается, и мне нужно прокручивать влево и вправо, чтобы увидеть весь макет, или масштабирование пальцем, чтобы уменьшить масштаб, чтобы он поместился на экране.
Как мне этого избежать? Я подумал, что установка начального масштаба на 1.0 заставит его загружаться без увеличения.
Затем я немного изменил свои медиа-запросы на:
, а затем на iPad в ландшафтном режиме была загружена таблица стилей 768 и страница увеличилась - не понимаю, что делаю не так.
Я прочитал это: http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html # // apple_ref / doc / uid / TP40008193 и не нашел решения этой проблемы. Другие варианты, которые я пробовал, состояли в том, чтобы включить минимальный и максимальный масштаб, но это исключает функцию масштабирования щипком, что нежелательно.
На данный момент я вернулся к первоначальному набору медиа-запросов и надеюсь, что кто-нибудь сможет мне помочь.