Я пытаюсь создать веб-сайт, который бы хорошо работал на мобильных телефонах. Пока все телефоны, которые я тестировал, работают хорошо, но телефоны с Windows Mobile IE. Кажется, что Mobile IE просто читает <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"/> и не устанавливает ширину равной ширине устройства.
У кого-нибудь есть опыт работы с этим или какие-либо советы по улучшению просмотра сайта в Mobile IE?
Спасибо за помощь!
Мобильный IE, похоже, учитывает метатег области просмотра только в том случае, если вы указываете фактическую ширину. Чтобы ширина страницы соответствовала фактической ширине устройства, используйте оптимизированный для мобильных устройств метатег с содержимым, равным 0:
<meta name="mobileoptimized" content="0" />
Подробная информация о MSDN: http://msdn.microsoft.com/en-us/library/dd938878.aspx
Если вы объедините это с метатегом области просмотра, как указано выше, это должно дать вам то, что вы ищете в большинстве мобильных браузеров.
в CSS напишите это
@-ms-viewport{
width: device-width;
}
или в html:
<style type="text/css">
@-ms-viewport{
width: device-width;
}
</style>
и после работы устройство-ширина
Для версий IE Mobile старше Windows Phone 7 область просмотра не распознается - следует использовать тег mobileoptimized, как показано выше.
