Reparar IE 10 en Windows Phone 8 Viewport - Trucos CSS

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

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