Fix IE 10 на Windows Phone 8 Viewport

Многие устройства на Windows 8 не понимают Viewport и некорректно рендерят сайт под свое разрешение экрана. Что бы избавиться от этой проблемы нужно воспользоваться фиксом. После чего width: device-width; корректно заработает и сайт хорошо прорисуется.

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

JavaScript функция:

(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);
  }
})();

CSS-код:

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