Parandage Windows Phone 8 vaateavas olev IE 10 - CSS-trikid

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

Kiire backstory

Selleks, et IE 10 (töölaua) töötaks uues režiimis, peate seda kasutama:

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

Kuid see keerab mõned Windows Phone 8 telefonid üles, alistades meta vaateava sildi ja muutes väikestel ekraanidel liiga suureks. Nii et vastus on praegu see kääbus seadme tuvastamise / süstimise skript.

Pikem tagalugu

  • Matt Stow: tundlik disain Windows Phone 8 IE10-s
  • Tim Kadlec: Windows Phone 8 ja seadme laius