Исправить IE 10 в Windows Phone 8 Viewport онлайн урок.




(function() {
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode("@-ms-viewport{width:auto!important}")
);
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
})();

# Быстрая предыстория

Для IE 10 (рабочий стол) для работы в новом «режиме привязки» вам необходимо использовать это:

@-ms-viewport {
width: device-width;
}

Но это затмевает некоторые телефоны Windows Phone 8, переопределяя тег метаоценки и рендеринг, слишком большой на небольших экранах. Таким образом, ответ на этот раз - это скрипт для интуитивного обнаружения устройств.

# Более длинная предыстория