Opravte IE 10 vo výreze Windows Phone 8 Triky 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); ) ))();

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