(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); ) ))();
Rýchly príbeh
Aby IE 10 (desktop) fungoval v novom „režime prichytenia“, musíte použiť toto:
@-ms-viewport ( width: device-width; )
Ale to posere niektoré telefóny so systémom Windows Phone 8, prepíše značku meta výrezu a na malých obrazovkách sa vykreslí ako príliš veľké. Odpoveďou teda nateraz je tento drsný skript na detekciu a vstrekovanie zariadení.
Dlhší backstory
- Matt Stow: Responzívny dizajn v IE10 pre Windows Phone 8
- Tim Kadlec: Windows Phone 8 and Device-Width