Javítsa az IE 10 rendszert a Windows Phone 8 nézetablakban CSS-trükkök

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

Gyors háttér

Ahhoz, hogy az IE 10 (asztali) új „beépülő módban” működjön, ezt kell használnia:

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

De ez felcsavar néhány Windows Phone 8 telefont, felülírva a meta nézetablak címkéjét, és túl nagy méretűvé téve a kis képernyőket. Tehát egyelőre a válasz ez a gnarly eszközfelismerő / injekciós szkript.

Hosszabb háttértörténet

  • Matt Stow: Reszponzív tervezés az IE10-ben a Windows Phone 8 rendszeren
  • Tim Kadlec: Windows Phone 8 és eszközszélesség