HTML5 Boilerplate, X-UA-совместимый и Windows Phone 7

Question

У меня проблема с большинством моих новых сайтов, которые используют H5BP при просмотре с Windows Phone 7 (или 7.5). Проблема в том, что этот HTML-тег в источнике сайта

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

, который на самом деле должен поддерживать различные мобильные устройства, не позволяет пользователю мобильного устройства (в нашем случае Windows Phone 7 или более поздней версии) увеличивать текст (и сам сайт).

Используя этот тег, мобильный браузер будет регулировать размер сайта в соответствии с мобильным окном просмотра (то есть шириной и высотой экрана мобильного устройства). Однако проблема в том, что когда пользователь пытается увеличить текст с помощью жеста увеличения, увеличение не работает. Он пытается увеличить масштаб, но быстро возвращается к исходной ширине.

Кто-нибудь еще заметил эту проблему, и если да, то как ее решить?

Answer 1

Вы можете протестировать добавление user-scalable=yes, чтобы увидеть, как Windows Phone обрабатывает тег.

Хотя тег поддерживается почти во всех мобильных браузерах, он не является стандартным тегом (создан на iPhone)поэтому реализация может отличаться.Я обнаружил, что Safari имеет лучшую документацию по тегу, и поэтому я поставил его ниже.

Этот тег стоит проверить:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />

Источник: Документация Safari .

Дополнительный ресурс: IE Mobile Viewport через Windows Phone Team .

Answer 2

У меня нет Windows Phone для тестирования, но, возможно, добавление масштабируемого пользователем = yes может помочь в Windows Mobile.

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">