Remediați IE 10 pe Windows Phone 8 Viewport - CSS-Tricks

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

Istorie rapidă

Pentru ca IE 10 (desktop) să funcționeze în noul său „mod snap”, trebuie să utilizați acest lucru:

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

Dar asta înșelă unele telefoane cu Windows Phone 8, anulând eticheta meta viewport și redând mult prea mare pe ecranele mici. Deci, răspunsul, deocamdată, este acest script de detectare / injecție a dispozitivului.

Istorie mai lungă

  • Matt Stow: Design Responsive în IE10 pe Windows Phone 8
  • Tim Kadlec: Windows Phone 8 și lățimea dispozitivului