Fixa IE 10 på Windows Phone 8 Viewport - CSS-tricks

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

Snabb bakgrundshistoria

För att IE 10 (skrivbord) ska fungera i det nya “snap-mode” måste du använda detta:

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

Men det skruvar upp några Windows Phone 8-telefoner, åsidosätter meta viewport-taggen och gör så alldeles för stor på små skärmar. Så svaret, för tillfället, är detta gnarly enhetsdetekterings- / injektionsskript.