Fikse IE 10 på Windows Phone 8 Viewport - CSS-triks

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

Rask bakhistorie

For at IE 10 (desktop) skal fungere i sin nye "snap-modus", må du bruke dette:

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

Men det skruer opp noen Windows Phone 8-telefoner, overstyrer meta viewport-koden og gjengis så altfor stort på små skjermer. Så svaret, for nå, er dette gnarly enhetsgjenkjennings- / injeksjonsskriptet.