(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); ) ))();
Historia rápida
Para que IE 10 (escritorio) funcione en su nuevo "modo instantáneo", debe usar esto:
@-ms-viewport ( width: device-width; )
Pero eso arruina algunos teléfonos con Windows Phone 8, anulando la metaetiqueta de la ventana gráfica y se muestra demasiado grande en pantallas pequeñas. Entonces, la respuesta, por ahora, es este retorcido script de detección / inyección de dispositivos.
Historia de fondo más larga
- Matt Stow: Diseño receptivo en IE10 en Windows Phone 8
- Tim Kadlec: Windows Phone 8 y ancho de dispositivo