Проблемы с переключением с книжной на альбомную с помощью медиа-запросов

В настоящее время я начинаю использовать адаптивный подход к своим сайтам. Я нашел http://fluidbaselinegrid.com/ лучшим шаблоном для этого. Но с каждым шаблоном или сеткой, которые я пробовал, я не могу заставить iPhone или iPad распознавать медиа-запросы при переключении из портретного режима в ландшафтный.

Он всегда загружает правильный css в той ориентации, в которой вы загружаете страницу. Но когда вы переходите с книжной на альбомную, она зависает и не изменяет размер должным образом.

Вы даже можете увидеть это на http://fluidbaselinegrid.com/.

Кто-нибудь знает, является ли это причудой мобильного вебкита, с которой нам пока приходится жить, или есть способ это исправить?


ios mobile css responsive-design media-queries
person Lee McAlilly    schedule 11.11.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я связался с разработчиком Fluid Baseline Grid и получил следующий ответ:

Я думаю, что вы испытываете метатег области просмотра.

Текущий:

Максимальный масштаб не позволяет пользователю увеличивать/уменьшать масштаб с помощью пальцев. Однако это предотвращает изменение макета при изменении устройства с книжной на альбомную. Это было намеренно удалено, чтобы помочь тем, у кого могут быть проблемы с чтением мелкого текста. Вы можете просто изменить метатег в заголовке, чтобы установить масштаб, что устранит проблему масштабирования при повороте от книжной к альбомной.

"If web developers want their scale settings to remain consistent when switching orientations on the iPhone, they must add a maximum-scale value to prevent this zooming, which has the sometimes-unwanted side effect of preventing users from zooming in" - http://hacks.mozilla.org/2010/05/upcoming-changes-to-the-viewport-meta-tag-for-firefox-mobile/

Это определенно устраняет проблему, но кажется, что у вас нет возможности масштабировать одним движением пальца, а также контролировать способ переключения макетов. Есть ли способ обойти это?

person Lee McAlilly    schedule 14.11.2011

arrow_upward
0
arrow_downward

Я решил добавить только «начальный масштаб = 1» (а не «максимальный масштаб = 1») в метатег области просмотра.

person marcom    schedule 24.09.2013