Correção do IE 10 na janela de exibição do Windows Phone 8 - CSS-Tricks

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

História de fundo rápida

Para que o IE 10 (desktop) funcione em seu novo “modo instantâneo”, você precisa usar isto:

@-ms-viewport ( width: device-width; )

Mas isso bagunça alguns telefones com Windows Phone 8, substituindo a meta tag viewport e renderizando muito em telas pequenas. Portanto, a resposta, por enquanto, é este script de detecção / injeção de dispositivo desagradável.

História de fundo mais longa

  • Matt Stow: Design responsivo no IE10 no Windows Phone 8
  • Tim Kadlec: Windows Phone 8 e largura do dispositivo