Запретить IE Mobile автоматически масштабировать веб-страницы
Мне не удалось заставить IE mobile перестать автоматически изменять размер дизайна моего сайта. Я использую три таблицы стилей с медиа-запросами, чтобы по-разному отображать сайт на разных экранах устройства. Я включил метатег, чтобы он отображал мобильную таблицу стилей на мобильном телефоне IE, но он продолжает устанавливать область просмотра на 320X480 вместо того, чтобы использовать фактический размер 480X800. Как я могу заставить его отображаться в реальном размере экрана вместо масштабирования для меньшего разрешения?
2 ответа
IE Mobile интерпретирует width=device-width как ширину =320 (в портретном режиме) и как ширину =480px (в альбомном режиме) по соображениям совместимости. См. http://blogs.msdn.com/b/iemobile/archive/2010/11/22/the-ie-mobile-viewport-on-windows-phone-7.aspx для получения полной информации.
Насколько я могу судить, единственный способ заставить IE Mobile отображать "фактический размер экрана" - это жестко задать значение области просмотра, которое должно быть width=480 (портретный режим). Обратите внимание, что это может привести к непреднамеренным побочным эффектам в других браузерах или даже при переходе в альбомный режим (слишком маленький / большой уровень масштабирования).
Лично я всегда использую следующее:
<meta name="mobileoptimized" content="0" />
Это очень полезная страница: http://msdn.microsoft.com/en-us/library/dd938878.aspx